自己写个vue.js插件(1):自定义指令的妙用

1.在components 目录下新建一个validate.js：

export default{
    install(Vue){
        Vue.prototype.$myName = "zhagngsan";
    }
}
 
 
1
2
3
4
5
 
 
1
2
3
4
5

这就是我们的插件，定义了一个属性

2.入口文件jssrc/index.js 加入：

// 引入
import validate from "./../components/validate";
// 使用
Vue.use(validate);
 
 
1
2
3
4
 
 
1
2
3
4

3.我们到user-username.vue 组件下验证一下:

mounted(){
            alert(this.$myName);
        },