2018-09-11 vue第二章

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

你可能感兴趣的:(2018-09-11 vue第二章)