美文网首页
vue全局变量的声明方式

vue全局变量的声明方式

作者: Crcker | 来源:发表于2019-04-15 16:25 被阅读0次

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,
...

相关文章

网友评论

      本文标题:vue全局变量的声明方式

      本文链接:https://www.haomeiwen.com/subject/vpauwqtx.html