手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

vue全局变量如何使用

时间:2024-10-13 07:33:17

1、方法1:项目中新建全局global_variable.js文件,并放在目录下,主要用于存放变量。

vue全局变量如何使用

2、步骤一:在需要使用的模块文件引用global_variable.js文件,这是一种局部引用文件。

vue全局变量如何使用

3、步骤二:使用import将global_variable.js文件引入vue项目中的main.js文件,并同时将global_variable.js的实例挂在vue项目中 Vue.prototype 的实例上。然后在需要使用的地方可以使用this见下图2

vue全局变量如何使用
vue全局变量如何使用

4、方法2:定义函数,并全局使用。在main.js里面通过Vue.prototype将函数挂载到Vue实例上面,通过this.输出的函数名,来运行函数。

vue全局变量如何使用
© 手抄报圈