Vue学习笔记

生命周期

• beforeCreate

  数据代理
  数据绑定

• created => 异步任务（定时器、ajax、事件监听）

  编译模板

• beforeMount

  批量更新到挂载元素

• mounted => 异步任务（定时器、ajax、事件监听）

  更新数据

• beforeUpdate

  重新渲染虚拟 DOM

• updated

  vm.$destroy()

• beforeDestroy => 清除定时器

• destroyed

自定义指令

指令：自定义元素属性

Vue 预定义了一些指令，也可以自定义

全局指令

Vue.directive('my-directive', function(el, binding){
  el.innerHTML = binding.value.toUpperCase()
})

局部指令

directives: {
  'my-directive': function(el, binding){
    el.innerHTML = binding.value.toLowerCase()
  }
}

使用指令

注册指令时，指令名不用写 v-，但是使用指令时，必须添加上。

<div v-my-directive="msg"></div>