Vue的条件渲染:v-if
1、先创建一个html文件,并引入vue.js、

3、在Vue实例的data中,创建一个msg对象,并将其渲染。

5、在data内,创建一个boolean对象。isShow: false,并将其绑定在蟠校盯昂dom内。<div v-if="isShow">{{msg}}</div>

7、f12打开调试工具,打开控制台。在控制台输入:vue.isShow = true

9、当app.isShow = false 时,f12点击元素,查看页面代码。可以看到msg的div标签也没有了。直接从dom树中去掉了。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:93
阅读量:76
阅读量:80
阅读量:78
阅读量:64