vue中常用的指令

指令

v-text: 更新元素的文本不能解析html

v-html:更新元素的innerHTML

v-show:根据表达式的真假切换元素的display css属性

v-if:根据表达式的真假条件渲染元素

v-else:与编程语言中的else一样

v-else-if:与编程语言中的else-if一样

v-for: 可循环数组,对象,字符串,数字

v-on:绑定事件监听器。事件类型由参数决定 缩写@

v-bind:动态的绑定一个或多个属性,或者一个组件prop到表达式 缩写:

v-model:表单元素或者组件上创建双向绑定

v-if和v-show的区别

  • v-if 是插入标签 v-show 是通过css隐藏
  • 性能上的区别

在用户很少点击的标签使用v-if频繁使用的使用v-show来减少dom的插入提升渲染速度

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。