Vue在一个页面上存储一个变量并在另一个页面上调用

【问题标题】：Vue store a variable on one page and call on anotherVue在一个页面上存储一个变量并在另一个页面上调用
【发布时间】：2020-08-16 03:38:15
【问题描述】：

如何将 config.js 文件中的值传递给 Geturl.vue ？

config.js 文件包含

 var myUrl = "http://localhost:7070/#/";

我的观点 (Geturl.vue)

<div id="app>>
 <p>{{loadNewUrl}}</p>
</div>

Geturl.vue 脚本

<script>

  import config from '/config.js';

  export default {
  name: 'App',
  components: {
  },

  data(){
    return{
      loadNewUrl: myUrl,  /** how to get myUrl value from config.js file **/
    }
  }
</script>

【问题讨论】：

标签： javascript vue.js vuejs2 vue-component

【解决方案1】：

您必须先在 config.js 中导出该变量，然后将该变量导入您的 Geturl.vue：

config.js

export var myUrl = "http://localhost:7070/#/";

Geturl.vue 脚本

<script>

  import { myUrl } from '/config.js';

  export default {
  name: 'App',
  components: {
  },

  data(){
    return{
      loadNewUrl: myUrl,  /** how to get myUrl value from config.js file **/
    }
  }
</script>

JS 文件中的变量无法从其他文件访问 - export 使它们“公开”

【讨论】：