vue2高级语法

155 阅读1分钟
  1. 高级语法
  • directive自定义指令
  •   全局自定义指令
      	定义方法:Vue.directive('focus',{
    
    inserted(el){el.focus()} }) 使用方法:
  •   局部自定义指令
      	局部指令需要在父组件注册后才可以使用
    
  •   生命周期函数
      	directive也是有生命周期的,但是指令生命周期名字和组件生命周期名字的不一样。
      		inserted 相当于 mounted
      		update 相当于 updated
      	生命周期函数接受两个参数
    
  • 绑定形式:v-color="red" el:DOM元素 binding: 传递的属性值 获取hello方法:binding.value