第一種:掛載到vue的prototype上。把全域性方法寫到乙個檔案裡面,然後for迴圈掛載到vue的prototype上,缺點是呼叫這個方法的時候沒有提示
object.keys(tools).foreach(key => )
第二種:利用全域性混入mixin,因為mixin裡面的methods會和建立的每個單檔案元件合併。這樣做的優點是呼叫這個方法的時候有提示
vue.mixin(mixin)
new vue(
},methods: )
//將tools裡面的方法用物件展開符混入到mixin上,以方便呼叫,直接this.$***方法名就可以了
...tools
},filters: )
...filters
}}
與歌謠一起通關前端面試題 vue怎麼把api 掛載到全域性 vue的全域性api
什麼是全域性api 全域性api並不在構造器裡,而是先宣告全域性變數或者直接在vue上定義一些新功能,vue內建了一些全域性api,說的簡單些就是,在構造器外部用vue提供給我們的api函式來定義新的功能。當然對應得也有區域性的,只在當前的例項中可以用,比如區域性過濾器。vue.directive自...
vue 定義全域性函式
方法一 main.js 注入 1 在main.js中寫入函式 vue.prototype.changedata function 2 在所有元件裡可呼叫函式 this.changedata 方法二 單獨建立乙個 js 檔案,用於存放常用函式,並全域性引用 1 寫好自己需要的base.js檔案 exp...
vue 定義全域性的 方法
一,建立 obj.js 檔案 function delobj fn else console.log fn,過濾成功 export default 二,main.js 引入 掛載全域性 import delobj from utils delobj vue.prototype.obj delobj ...