VUE 随记

vue 实例

• 一个Vue应用由一个通过 new Vue 创建的根Vue实例，以及可选的、可嵌套的、可复用的组件树组成。
• 响应式系统 data
• 生命周期
  创建、挂载、更新、摧毁。

模版语法

• {{ 表达式 }}
  模板表达式都被放在沙盒中，只能访问全局变量的一个白名单，如 Math 和 Date 。你不应该在模板表达式中试图访问用户定义的全局变量。
• v-html
• v-bind :
  响应式的更新 HTML的属性
• v-on @
  修饰符

计算属性，方法，监听器

• computed
  基于依赖进行缓存，自动计算。依赖改变才会重新计算
• method
  需要自行调用
• watch
  允许执行异步操作

class与style的绑定

：class 绑定一个对象或者数组动态切换class

：style

v-if v-for

Vue 会尽可能的复用
v-for比v-if优先级高
key值阻止复用
v-for = "(value,index) in arry"
v-for = "(value,key,index) in obj"

事件

• @ v-on
  可以绑定方法和调用方法和表达式

• 事件修饰符
  .stop .prevent .capture .self .once

• 按键修饰符

v-model 表单绑定

• v-model 会忽略表单特性值而将vue实例的数据作为数据来源。
• 修饰符