Vue中定义全局函数

Uncle_long

于 2019-01-21 16:11:59 发布

阅读量735

点赞数 1

分类专栏： vue js

本文链接：https://blog.youkuaiyun.com/Uncle_long/article/details/86577039

版权

40 篇文章

订阅专栏

21 篇文章

订阅专栏

本文介绍了两种在Vue项目中注册全局函数的方法，一种是在main.js中直接定义Vue原型上的方法，另一种是通过创建一个base.js文件，使用Vue插件机制进行安装。这两种方法都能实现在所有组件中调用同一个函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

//在所有组件里可调用函数

this.changeData();

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

// main.js 引入并使用

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

//在所有组件里可调用函数

this.changeData();

目录结构: