vue常用指令和标签

1v-text,v-html,v-cloak

v-text会覆盖元素中原本的内容，但是 v-cloak(插值表达式) 只会替换自己的这个占位符，不会把 整个元素的内容清空
v-html是以HTML的格式插入

2v-bind,v-on

v-bind Vue提供的属性绑定机制 缩写是 :
v-on Vue提供的事件绑定机制 缩写是 @

这里show是一个方法可以加()可以不加()

3 v-model

1. v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定
2. 使用 v-model 指令，可以实现 表单元素和 Model 中数据的双向数据绑定
3. v-model 只能运用在 表单元素中,input(radio, text, address, email…) select checkbox textarea

  

    
{{ msg }}
    
  

  

4 v-for

1v-for 遍历数组

  

    
Id：{{ user.id }} --- 名字：{{ user.name }} --- 索引：{{i}}
  

  

2 v-for迭代对象

  

    
    
值是： {{ val }} --- 键是： {{key}} -- 索引： {{i}}
  

  

3v-for迭代数字

  

    
    
这是第 {{ count }} 次循环
  

  

4 在2.2.0+ 的版本里，当在组件中使用 v-for 时，key 现在是必须的

    

      {{item.id}} --- {{item.name}}
    

key 在使用的时候，必须使用 v-bind 属性绑定的形式，指定 key 的值

5 v-if ,v-show

    
这是用v-if控制的元素
    
这是用v-show控制的元素

6 在 VM 实例中，如果要访问 data 上的数据，或者要访问 methods 中的方法， 必须带 this

7常见标签

component, template, transition, transitionGroup