vue开发app怎样设置vue 全局函数数

来源：蜘蛛抓取(WebSpider) 时间：2017-07-24 10:38 标签： vue 全局函数

1、在main.js文件中定义函数 

 

 2、在任意组件中调用该函数
 
 
 * 调用自定义的vue 全局函数数

 
 

 
 

 
 

 1、先自定义一个js文件然后定义要全局的函数，如下代码：
 
 

 
 
 
 *@brief: 定义一个vue 全局函数数,通过该方式其咜地方想调用时可以直接通过对象名.函数名的方式调用，无需导包

在项目中经常有些函数和变量昰需要复用，比如说网站服务器地址从后台拿到的：用户的登录 token, 用户的地址信息等，这时候就需要设置一波全局变量和vue 全局函数数.

原理: 设置一个专用的的全局变量模块文件模块里面定义一些变量初始状态，用 export default 暴露出去在 ';

  1. 方法一: 在需要的地方引用进全局变量模块文件，然后通过文件里面的变量名字获取全局变量参数值 
 
 
 
 

 接着在整个项目中不需要再通过引用 Global.vue 模块文件，直接通过 this 就可以直接访問 Global 文件里面定义的全局变量
text2.vue：
 
 
 

 
 
 

 

 原理: 新建一个模块文件，然后在 main.js 里面通过 Vue.prototype 将函数挂载到 Vue 实例上面通过 this. 函数名，来运行函數
 
 
  1.

  2. 方法二: 写一个模块文件，挂载到 main.js 上面
    base.js 文件，文件位置可以放在跟 main.js 同一级方便引用.

根据楼上大神所说main.js直接打印this.$moment 跟茬组件中this.$moment的this不是一个this,应该直接在组件中输入，我试了下确实可以在组件中输出

但是使用相关的方法依然不生效：

我要回帖

更多关于 vue 全局函数 的文章

 

随机推荐