vue 插件写法

为什么80%的码农都做不了架构师？>>>   

1.在components 目录下新建一个validate.js：
　　export default{
　　install(Vue){
　　Vue.prototype.$myName = "zhagngsan";
　　}
　　}
　　这就是我们的插件，定义了一个属性
　　2.入口文件jssrc/index.js 加入：
　　// 引入
　　import validate from "./../components/validate";
　　// 使用
　　Vue.use(validate);
　　3.我们到user-username.vue 组件下验证一下:
　　mounted(){
　　alert(this.$myName);
　　},
　　浏览器访问登录页面，成功弹出：
　　这里写图片描述
　　4.刚刚我们已经学会插件里定义属性，马上来学一下如何定义方法：
　　export default{
　　install(Vue){
　　// Vue.prototype.$myName = "zhagngsan";
　　Vue.prototype.checkUserName = (value) => {
　　if(/\w{6,20}/.test(value)){
　　return true;
　　}else{
　　return false;
　　}
　　}
　　}
　　}
　　同样可以使用该方法：
　　if(this.checkUserName("hello")){
　　alert("ok");
　　}else{
　　alert("error");
　　}

转载于:https://my.oschina.net/dawd/blog/830305