vue.js - vue如何让自定义函数挂到全局

问题描述

问 题

公司打算用VUE，写一个活动模块；小白求解决。

情况如下：
入口：main.js
公用：fun.js

模板：

 App.vue  入口
 list.vue 列表
 show.vue 详细
 

在fun.js中：

function init(){...} //初始化
function ajax(){...} //通用ajax发起
function MsgBox(){...} //错误提示
function MakeToken(){...} //生成token

在main.js中, require('./fun.js'); 可执行fun.js;
但当通过vue-router 跳转到 list.vue后 （没有在list.vue中引入fun.js）无法使用fun.js，知道是作用域的问题....

问题：在vue下怎么把fun.js下的方法挂到全局，难道要每个vue都require一次？

解决方案

在main.js里进行全局注册

Vue.prototype.ajax = function (){}

在所有组件里可调用

this.ajax

这篇关于vue.js - vue如何让自定义函数挂到全局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！