Vue-自定义指令

  • 局部指令只有当前的实例,不能用在其他实例中。

1、注册全局指令

这里的注册可以通过使用Vue.directive(id,definition)来注册一个全局指令。

2、注册局部指令

这里是放到directives中的。例如这里的setBorder的函数。

边框宽度:

3、钩子函数

这里的el是指令所绑定的元素可以直接操作DOM,后面的binding是一个传入的值的对象,可以用value得到v-demo时绑定的元素的值

天生我材必有用

4、在这里要说明的是,自定义指令的绑定的值不仅仅是data中的属性,也可以是其他的Javascript表达式,数值常量、字符串常量、对象字面量

我这里就局了数组的引用方式,其他的都只要value就可以:

天生我材必有用

上机大作业(移动的图片):

 

你可能感兴趣的:(vue,vue.js,前端,javascript)