vue全局变量的声明方式

1、通过外部Js引入

创建单独的Js: constants.js:
const websiteUrl = 'http://www.baidu.com'; 
在需要的界面引入(不可以全局引入)
<script>
 import constant from 'common/constants.js'
 export default {
      message: constant.websiteUrl
.....

2、 通过Vue.prototype

在main.js中通过Vue.prototype声明变量
Vue.prototype.websiteUrl = "http://www.baidu.com"
在需要的页面通过this.字段名获取(作用于全局)
<script>
 export default {
    data() {
        return {
            message: this.websiteUrl,
...

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容