v-show 控制元素的显示或隐藏
v-show 是用display:none 控制
v-show也是条件渲染指令,控制元素显隐,和v-if指令不同的是,使用v-show指令的元素始终会被渲染到HTML,它只是简单地为元素设置CSS的style属性。
V-if是false会将元素在dom文档中删除
V-show是false是将元素的display设置none
V-if会删除元素,v-show只是做样式显隐,会保留页面中
v-if 是用visibility:hidden 控制
可以在v-for节点中嵌入v-if
原因:v-for的优先级比v-if的优先级高,v-if将会重复的运行v-for中循环中。
v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件不太可能改变,则使用 v-if 较好。
v-for 还支持一个可选的第二个参数为当前项的索引
v-bind 绑定属性
v-bind:属性名=“值”
v-bind案例查随笔