多语言展示
当前在线:1740今日阅读:190今日分享:11

vue怎么设置全局变量

在vue项目中,有时需要用到全局变量。那么,vue怎么设置全局变量?
工具/原料
1

vue

2

element

3

HBuilderX

4

截图工具

5

WPS

6

JavaScript

7

浏览器

方法/步骤
1

在已建的vue项目中,创建一个vue文件,输入名称Gmk,然后点击创建

2

在script标签中,定义几个常量a、b和c,然后放在export default中

3

使用相同的方法,创建一个vue文件Kwe.vue

4

在Kwe.vue文件中,利用element进行布局,添加一个el-form

5

在script标签中,导入Gmk组件,然后在return对象中调用

6

打开App.vue文件,导入Kwe组件,然后在界面上引用

7

保存代码并运行vue项目,打开浏览器,结果发现输入框没有值

8

修改代码,添加Vue.prototype方法设置,然后在mounted周期函数中调用

总结

1、新建全局组件2、定义全局变量3、创建组件文件4、导入全局组件5、调用全局变量6、保存运行查看END

注意事项
1

注意vue怎么设置全局变量

2

注意如何区别和使用全局变量和局部变量

推荐信息