在写vuejs的时候,你肯定需要自定义一些全局方法或者全局变量,在其他页面需要调用。下面就说说我在写代码的时候,如何实现vuejs设置全局方法和全局变量的。
如果没有设置全局方法,那么你需要在需要调用方法的时候添加下面一段代码:
import { verifyLogin,apiLoginOut } from '@/config/mUtils';
这种方法可以,但不是最优,我们完全有能力去优化他。
如果我们需要一个验证本地cookie方法,需要在调用接口方法之前先调用它一次,显然这种方法的弊端就出来了。每次都引用,代码冗余。我们可以将它设置成全局方法。
1,首先你写好你的方法,比如这个方法叫“verifyLogin”方法;
2,将这个方法在main.js引入
import { verifyLogin } from '@/config/mUtils';
3,在main.js添加如下一句话
Vue.prototype.verifyLogin = verifyLogin;
4,在需要使用这方法的地方,使用“this.verifyLogin”即可
Vue.prototype.rolesArr = { '111': '客户', '222': '管理员', '333': '老板', '444': '客服', '555': '销售', '666': '运营' };
同理,在需要使用这变量的地方,使用“this.rolesArr”即可
注:全局变量默认不会缓存
通过以上方法,vuejs可以实现全局方法和全局变量。