vue添加全局的js工具類


在使用vue進行前端開發的時候,會需要往全局添加一個js的工具類,方便組件可以隨時調用。

可以分為三個步驟:

1.建立js文件並輸出帶方法屬性的對象。

export default {
  // 初始化分頁
  iLikeYanggb() {
    console.log('i like yanggb')
  }
}

2.在main.js文件中將上面帶方法屬性的對象掛載到vue中。

import yanggbsUtil from '../static/js/util.js'
Vue.prototype.$yanggbsUtil = yagggbsUtil

這里的import語句是導入文件到對象,而第二條語句才是將對象掛載到vue中。

3.在頁面調用全局工具類中的方法。

this.$yanggbsUtil.iLikeYanggb()

這樣就會在控制台輸出【i like yanggb】了,開心不開心。

 

"和你們這些少爺小姐不同,我們光是活着就已經竭盡全力了。"


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM