vue怎么定義全局

發(fā)布時間：2022-10-14 10:23:06 來源：億速云閱讀：118 作者：iii 欄目：開發(fā)技術(shù)

這篇“vue怎么定義全局”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“vue怎么定義全局”文章吧。

1.利用全局混入mixin定義全局方法

Vue.mixin(mixin)
new Vue({
store,
router,
render: h => h(App),
}).$mount('#app')

2.通過prototype掛載定義全局方法

Object.keys(tools).forEach(key => {
Vue.prototype[key] = tools[key]
})

3.使用Plugin方法定義全局方法

const install = function (Vue, opts) {
Vue.prototype.$pluginDemo = function () {
console.log('')
}
}
export default {
install
}

4.直接在vue文件中定義全局方法

//定義全局方法
this.$root.$on('test',function(){
console.log("test")
})
//銷毀全局方法
this.$root.$off("test')
//調(diào)用全局方法
this.$root.$emit("test")

以上就是關(guān)于“vue怎么定義全局”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

猜你喜歡