6.vue指令2

内容show if作用控制显示隐藏数据第一步准备数据第二步标签属性里加入指令div v-showflag classbox我是show/div div v-showflag classbox我是if/div注意指令后需要添加classbox显示内容两个div中间显示区别v-show用于频繁切换场景v-if要么显示要么隐藏当数据为false时后台检查v-show盒子仍然存在v-if不存在总结!DOCTYPE html html langen head meta charsetUTF-8 meta http-equivX-UA-Compatible contentIEedge meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body div idapp div v-showflag classbox我是show/div div v-showflag classbox我是if/div /div script srchttps://cdn.jsdelivr.net/npm/vue2.7.16/dist/vue.js/script script const app new Vue({ el: #app, data: { flag: true } }) /script /body /html