Vue的几种指令，你知道几个？

1、文本渲染

v-text

v-html

{{msg}}

2、属性渲染

v-bind：属性名=“值”

：属性名=“值”

3、条件渲染

v-if

v-else-if

v-else

v-show

4、列表渲染指令

v-for="(item,index) in list" :key="item"

v-for="(value,key) in obj"

5、事件响应

v-on:事件名=“事件响应”

缩写：@事件名="事件响应"

• 行内处理
  • @chick="num++"
• 方法响应
  • @chick="say"
    methods:{
    say(e)
    }
• 内联传参
  • @click="say{msg,$event}"
• 事件修饰符
  • .stop 阻止事件冒泡
  • .prevent 阻止默认事件
  • .once 执行一次
• 按键修饰符
  确定哪个按键被按下
  • .enter 回车
  • .esc 取消
  • .delete 删除
  • .space 空格
  • .left
  • .right
  • .up
  • .down
• 系统修饰符
  • .ctrl
  • .shift
  • .alt
• 鼠标修饰符
  • .left
  • .right
  • .middle

6、计算 （computed）

7、表单绑定

8、监听（watch）

定义：监听数据的变化，执行回调函数

1. 值类型监听
   watch:{
   "num":function(nval,oval){
   ...
   }
   }
2. 引用类型监听
   watch:{
   obj:{
   handler(nval){
   ...
   },
   deep:true
   }
   }
    

9、自定义指令（directives）

自定义指令：操作DOM