vue的基本指令

基本指令：

v-ones:只渲染一次

v-html:会将string的惠特米勒解析出来并且进行渲染

v-text:作用和mustache比较相似，都是数据显示在界面中

v-pre:用于跳过这个元素和他子元素的编译过程，用于希纳是原本的mustache语法。

v-cloak:----斗篷 我们浏览器可能会直接显示出未编译的mustache语法。斗篷的作用未进行编译的时候。当编译后就不会有作用了。

v-bind:动态绑定属性

• 动态绑定a元素的和href属性
• 动态绑定img元素的src属性
• 动态绑定class
  • 数组方法绑定：[“class1”，“class2”]
  • 对象方法绑定：{“类1”:true，“类2”：false}
• 语法糖是 ：：

computed:计算属性:对数据进行处理

• 计算属性一般只是使用它的getter方法，在某些情况下也可以提供setter方法(不常用)
• 计算属性只多次执行只调用一次

methods:事件监听

• v-on 语法糖 @

• 在methods:里面定义方法，使用v-on调用

• 参数

  • 如果方法不需要参数，那么方法后面的 （）可以不添加
  • 如果方法本身需要一个参数，但是你没有传参数进去，那么会默认的将event参数传递进去

• 如果需要同时传入某个参数，同时需要event时，可以通过$event传入event

• 修饰符

• .stop:调用event.stopPropagation()

• .prevent:调用enent.preventDefault()，停止冒泡

• .{keyCode|keyAlias}:只当时间从特定键触发时才触发回调，阻止默认行为

• .native:监听组件根元素的原生事件

• .onece:只触发一次回调

检测数组:Vue是响应式的，所以当数据发生变化时，Vue会自动检测数据变化，视图会发生对应的更新。

• ppush()
• ppop()
• pshift()
• punshift()
• psplice()
• psort()
• preverse()

v-model:表单双向绑定

• 具体的实现
  • v-bind绑定value 属性
  • v-on绑定当前元素的input事件