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 的性能消耗更高

你可能感兴趣的:(vue 中最基本的指令)