在 Vue 中如何自定义全局函数和变量 - 文章教程

在 Vue 中如何自定义全局函数和变量

发布于 2018-10-11 字数 723 浏览 1559 评论 0

在 Vue 中如何自定义全局函数和变量

挂载到 Vue 原型上

Vue.prototype.changeData = function (){
  console.log('执行成功');
}

然后在所有页面,都可以使用 this 函数名调用

this.changData()

写好自己需要的base.js文件

exports.install = function (Vue, options) {
  Vue.prototype.changeData = function (){
    alert('执行成功');
  };
};

main.js 引入并使用

import base from './base'
Vue.use(base);

在所有组件里可调用函数

this.changeData();

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2891 文章
评论
84935 人气
更多

推荐作者

伊面

文章 0 评论

白况

文章 0 评论

七禾

文章 0 评论

亢潮

文章 0 评论

悲念泪

文章 0 评论