Vue条件渲染

Vue条件渲染_第1张图片

 

 v-if 和 v-show


欢迎来到{{name}}

效果:false渲染效果不显示。v-show:隐藏,但结构还在。v-if:删除,结构不在

Vue条件渲染_第2张图片

 

 v-show动态使用,和v-if,v-else-if,v-else使用

当前的n值是{{n}}

展示小王
展示小刘
展示小陈

当前的a值是{{a}}

展示1
展示2
展示3
展示啊啊啊

效果:

Vue条件渲染_第3张图片

 template的使用


    

你可能感兴趣的:(linerVue,javascript,前端,vue.js)