vue指令

2019/10/07

vue指令

简单语法

v-cloak:解决传值表示式加载慢显示代码问题

v-text :默认没有闪烁问题,会覆盖元素中原本内容,只会替换占位符,不会替换整个内容

v-html:也会覆盖所有内容

v-bind (缩写:)  属性绑定机制

v-on (缩写@)     事件绑定机制

v-for 注意遍历对象身上的键值对时,除了有val,key,在第三个位置是索引,

in 后面放普通数组,对象数组,对象还可以是数字,注意如果使用v-for迭代数字的话,前面的count值从1开始的

v-if:每次都会重新删除或创建元素,有较高的切换性能消耗

v-show:每次不会重新进行dom的删除和创建操作。只是切换元素的display;none样式,有较高的初始渲染消耗 如果元素设计到频繁的切换,最好不要使用v-if,而是推荐使用v-show。如果元素可能永远不会被显示出来被用户看到,则推荐是用v-if

组件

·全局注册

·局部注册

Show Disqus Comments

Post Directory