Vue自定义指令

需求1:定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。

需求2:定义一个v-fbind指令,和v-bind功能类似,但可以让其所绑定的input元素默认获取焦点。

 自定义指令函数式v-big:


    

{{name}}

当前的n值是:

放大十倍后的n的值是:

Vue自定义指令_第1张图片 

 

element:

Vue自定义指令_第2张图片

 

 binding:

Vue自定义指令_第3张图片

 自定义指令对象式fbind:


    
    

{{name}}

当前的n值是:

放大十倍后的n的值是:


效果:

Vue自定义指令_第4张图片

 总结:

Vue自定义指令_第5张图片

 

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