所在的位置: js >> js发展 >> vuejs深入篇五自定义指令

vuejs深入篇五自定义指令

简介除了默认设置的核心指令(v-model和v-show),Vue也允许注册自定义指令。注意,在Vue2.0里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯DOM元素进行底层操作,这时候就会用到自定义指令。下面这个例子将聚焦一个input元素,像这样:当页面加载时,元素将获得焦点。事实上,你访问后还没点击任何内容,input就获得了焦点。现在让我们完善这个指令:也可以注册局部指令,组件中接受一个directives的选项:然后你可以在模板中任何元素上使用新的v-focus属性:钩子函数指令定义函数提供了几个钩子函数(可选):bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted:被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于document中)。update:被绑定元素所在的模板更新时调用,而不论绑定值是否变化。通过比较更新前后的绑定值,可以忽略不必要的模板更新(详细的钩子函数参数见下)。


转载请注明:http://www.aierlanlan.com/tzrz/9165.html

  • 上一篇文章:
  •   
  • 下一篇文章: