在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
注意如何区别和使用全局变量和局部变量