在Vue中引用共用方法
2019-08-20 本文已影响0人
EO_eaf6
（1）书写共用方法extend.js
export default{
login:()=>{
alert("登陆成功！")
},
logout:()=>{
alert("注销成功！")
}
}
（2）将js引入main.js,并将其放到Vue原型链上,即通过this可获取到
import s from "./extend.js"
Vue.prototype.extend=s
(3)全局使用：
this.extend.login()
第二种方式：
js：
function extend (obj){
obj.login=()=>{
alert("登陆成功！")
},
obj.logout=()=>{
alert("注销成功！")
}
}
export default extend
main.js:
import s from "./extend.js"
s(Vue.prototype)
使用：
this.login()
