[vue] 怎么給vue定義全局的方法

第一種：掛載到Vue的prototype上。把全局方法寫到一個文件里面，然后for循環掛載到Vue的prototype上，缺點是調用這個方法的時候沒有提示Object.keys(tools).forEach(key => {Vue.prototype[key] = tools[key]})第二種：利用全局混入mixin，因為mixin里面的methods會和創建的每個單文件組件合并。這樣做的優點是調用這個方法的時候有提示Vue.mixin(mixin) new Vue({store,router,render: h => h(App), }).$mount('#app')import tools from "./tools" import filters from "./filters" import Config from '../config' import CONSTANT from './const_var'export default {data() {return {CONFIG: Config,CONSTANT: CONSTANT}},methods: {// //將tools里面的方法掛載到vue上,以方便調用，直接this.$xxx方法名就可以了// Object.keys(tools).forEach(key => {// Vue.prototype[key] = tools[key]// })//將tools里面的方法用對象展開符混入到mixin上,以方便調用，直接this.$xxx方法名就可以了...tools},filters: {// //將filter里面的方法添加了vue的篩選器上// Object.keys(filters).forEach(key => {// Vue.filter(key, filters[key])// })...filters} }

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[vue] 怎么给vue定义全局的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。