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