美文网首页
在Vue中引用共用方法

在Vue中引用共用方法

作者: EO_eaf6 | 来源:发表于2019-08-20 12:27 被阅读0次

(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()

相关文章

网友评论

      本文标题:在Vue中引用共用方法

      本文链接:https://www.haomeiwen.com/subject/qwausctx.html