vue 中最基本的指令

  • 插值表达式

  • v-cloak (防止网速问题造成的内容错误)

  • v-text 绑定内容

  • v-bind (缩写是:) 绑定属性

  • v-on (缩写是@) 绑定事件

  • v-model 双向绑定属性
    只能应用于表单元素 input(radio,text,address,email。。。)

  • v-for
    在 v-for 要会使用 :
    (key 属性绑定(只接收单一的 string/number))

            循环数组:
            v-for="item in list"
            v-for="(item,i) in list"

            循环对象:

            v-for="(val,key,index) in list"
            
            循环数字:
            v-for="(val,key,index) in 10"
  • v-key

控制隐藏显示的指令:

  • v-if
    删除元素 或 创建元素来达到隐藏元素的效果。有较高的切换性能消耗较高
    对比: 如果元素频繁的切换最好不要使用

  • v-show
    通过修改 style 中 display: none; 的样式来控制隐藏和显示。有较高的初始渲染消耗
    对比: 如果一个元素在页面中一直隐藏,v-show 的性能消耗更高

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容