一、引入全域性js
1.commonfunctions檔案中新建common.js裡面寫上想全域性呼叫的方法
2.main.js中importcommon from "../commonfunctions/common.js"引入檔案
vue.prototype.common= common;//掛載到原形上
3.元件中 this.common.a就可以使用啦
(需要注意的是公共檔案引入後不能直接使用，必須在vue的原型鏈(prototype)裡邊註冊，才可以使用。)
第二種：(使用filter)
1.main.js中
//過濾器
vue.filter('formatamount', function(amount) else}
就可以在任何vue元件中使用formatamount方法
二、全域性元件的引用
用暫無資料舉例
1.components中建立資料夾nodata,檔案中包含index.vue(寫公共的頁面內容)和index.js(匯出這個元件)
2.在index.js中註冊index.vue元件
import nodata from './index.vue'
const nodatalists = {
install: function(vue) {
// 註冊並獲取元件，然後在main.js中引用，在vue.use()就可以了
vue.component('nodatalists', nodatas)
export default nodatalists
3.在main.js中引入並使用該元件
import nodatalists from '@/components/nodata/index'
vue.use(nodatalists);
4.這樣就可以不用在每個元件裡import一遍啦
html頁面引入vue元件
html頁面引入vue元件需要在頁面引入http vue loader.js 注意 要檢視頁面引入vue元件的效果不能直接在本地開啟index.html，會有跨域問題，可以在本地配置乙個nginx 再用瀏覽器訪問http localhost port index.html 1.建立my compon...
vue學習筆記 在vue專案裡面使用引入公共方法
首先新建乙個資料夾 commonfunction 然後在裡面建立 乙個檔案common.js 建立好之後，在main.js裡面引入這個公共方法 最後是呼叫這個公共方法 測試一下，我在公共方法裡面寫了乙個簡單的一段 如下 export default 1 2345 如何在我的login.vue裡面控制...
vue開發 vue引入echarts
npm install echarts s或者使用國內的 映象 npm install g cnpm registry taobao org cnpm install echarts s 引入echarts import echarts from echarts vue.prototype.echa...