美文网首页
2018-09-11 vue第二章

2018-09-11 vue第二章

作者: 天色见晚 | 来源:发表于2018-09-11 17:04 被阅读0次

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案例查随笔

相关文章