vue中使用全局的公共方法

以前不知道vue中如何使用util中的工具方法,每次都是一个个导入,重新命名使用。后来发现原来vue中可以将工具方法挂载到vue的原型对象上,使用时直接通过$funcName就可以使用了,极大的方便了方法的调用。

具体步骤

1 在main.js中将方法挂载到vue原型对象上

import * as util from "@/utils"
Vue.prototype.$util = util;

2 在组件中使用

<div class="img-btn" @click="$util.logout">
posted @ 2020-12-16 11:25  泽海的最佳实践  阅读(557)  评论(0)    收藏  举报