Vue显示隐藏组件
显示隐藏组件
使用Vue实现显示隐藏Vue组件的功能
效果
hello world的DOM标签的显示和隐藏
代码
通过Vue的v-on事件和v-if标签实现
DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>lesson 2title><script src="https://unpkg.com/vue@next">script>
head>
<body><div id="root">div>
body>
<script>Vue.createApp({data() {return { show: true }},methods: {handleBtnClick() {this.show = !this.show;}},template: `hello world`}).mount('#root');
script>
html>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！