一、
1. 初始化创建完成项目之后,找到 src 目录下的 main.js
例:
2. 在 main.js 最后将小程序的全局变量添加到 Vue 的原型上
例:
此例小程序的全局方法 getApp()
添加一个全局变量 globalData 赋值给 Vue 原型
Vue.prototype
添加的 globalData
添加数据:
此 main.js 页面添加:
直接给 Vue 原型
赋值即可Vue.prototype
在不同页面添加:
可以在生命周期中使用 this 添加
例:
在不同页面使用:
例:
二、
使用 Vue 项目中定义全局变量的方式
1. 单独添加一个全局变量的模块(可以在任何地方)
在 components 组件文件夹中添加一个全局模块 global.vue
例:
2. 文件夹中添加 script,定义变量或直接导出,导出使用 export default
例:
3. 在需要的页面导入使用(两种使用方法)
。在 pages 中 .vue 页面文件使用
页面(.vue)中添加 script 使用 import from 导入
例:
可以在初始化(data)或生命周期中直接使用
例: