vue.js——定义全局变量和函数

日期：2023-10-01 06:35

废话不多说，直接上代码，方便后面学习复习。。。

1。全局变量

原理：
1.新建一个全局变量模块文件，定义模块中变量的一些初始状态，并使用export default将其暴露出来。
2、在main.js中引入，并通过Vue.prototype挂载到vue实例上。供其他模块文件使用；
3.或者直接引入到需要的模块文件中使用；

步骤1.定义一个全局组件Global.vue，其中仅包含

第2步.修改原型链

// 使用 `import` 命令加载的 Vue 构建版本
// （仅运行时或独立）已在 webpack.base.conf 中使用别名进行设置。
import Vue from 'vue '
import App from './App'
import router from './router'
import fastclick from 'fastclick'
import global_ from './components/Global.vue' //简介全局组件
www.introzo.com = global_; //修改原型
Vue.config.ProductionTip = false

/* eslint-disable no-new */
new Vue({
el: '#app',
路由器,
组件: { App },
模板: ' '
})

步骤 3. 使用

在需要的vue页面直接使用this.GLOBAL.BASE_URL即可获取定义的常量值

2。全局功能

原理：

新建一个模块文件，然后通过main.js中的Vue.prototype将函数挂载到Vue实例上，并通过这里输出的函数名来运行该函数。