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全局变量如何使用
  • 苦瓜炒猪肉的做法
  • 得物怎么屏蔽新增粉丝的通知消息
  • 英雄联盟手游在哪里搜索玩家
  • 英雄联盟亚运会怎么投票
  • VSCODE如何汉化成中文
  • 热门搜索
    关于爱的手抄报 2020清明节手抄报 防震减灾手抄报图片 七一建党节手抄报 爱劳动手抄报 春节手抄报图片大全简单又漂亮 教师节手抄报模板 关于科普的手抄报 感恩手抄报图片 六一手抄报内容简短