Javascript 是否可以在VueJS（Quasar Framework）中跨页面使用变量？

我想知道是否可以这样做：

//File1.vue, <template> has a form on it
<script>

export default {
  data () {
    return {
      name: null,
      job: null
    }
  },
  methods: {
    onSubmit () {
      /// Store this.name and this.job in a variable
    },
    onReset () {
      this.name = null
      this.job = null
    }
  }
}
</script>

<script>
// access job and name here
export default {
}
</script>

//File1.vue，上面有一个表单
导出默认值{
数据（）{
返回{
名称：空，
作业：空
}
},
方法：{
onSubmit（）{
///将this.name和this.job存储在变量中
},
onReset（）{
this.name=null
this.job=null
}
}
}

并在其他.vue页面上访问此变量，如下所示：

//File1.vue, <template> has a form on it
<script>

export default {
  data () {
    return {
      name: null,
      job: null
    }
  },
  methods: {
    onSubmit () {
      /// Store this.name and this.job in a variable
    },
    onReset () {
      this.name = null
      this.job = null
    }
  }
}
</script>

<script>
// access job and name here
export default {
}
</script>

//在此处访问作业和名称
导出默认值{
}

---

谢谢您的时间。

一个选项是使用本地存储：

onSubmit () {
  localStorage.setItem('storedName', this.name)
  localStorage.setItem('storedJob', this.job)
},

然后：

const storedName=localStorage.getItem（'storedName'）
const storedJob=localStorage.getItem（'storedJob'）
导出默认值{
}

一个选项是使用本地存储：

onSubmit () {
  localStorage.setItem('storedName', this.name)
  localStorage.setItem('storedJob', this.job)
},

然后：

const storedName=localStorage.getItem（'storedName'）
const storedJob=localStorage.getItem（'storedJob'）
导出默认值{
}

这就是vuex和其他状态管理库的设计目标。
如果您需要您的VAIABLE是被动的，而不是编译太多，您可以使用最简单的状态管理方法：

//src/stores/submitData.js
从“Vue”导入Vue；
导出默认Vue.observable({
名称：空，
作业：空，
});

从'src/stores/submitData.js'导入submitData；
导出默认值{
数据（）{
返回{
名称：空，
作业：空
}
},
方法：{
onSubmit（）{
//将this.name和this.job存储在变量中
submitData.name=this.name；
submitData.job=this.name；
},
onReset（）{
submitData.name=this.name=null；
submitData.job=this.name=null；
}
},
计算：{
//每当'submitData.job'发生更改时，currentJob都将更新
currentJob（）{
返回submitData.job；
}
}
}

//您还可以在vue组件上下文之外使用存储（在普通js模块中）
从'src/stores/submitData.js'导入submitData；
// ...
const submittedJob=submitData.job；

这就是vuex和其他状态管理库的设计目标。
如果您需要您的VAIABLE是被动的，而不是编译太多，您可以使用最简单的状态管理方法：

//src/stores/submitData.js
从“Vue”导入Vue；
导出默认Vue.observable({
名称：空，
作业：空，
});

从'src/stores/submitData.js'导入submitData；
导出默认值{
数据（）{
返回{
名称：空，
作业：空
}
},
方法：{
onSubmit（）{
//将this.name和this.job存储在变量中
submitData.name=this.name；
submitData.job=this.name；
},
onReset（）{
submitData.name=this.name=null；
submitData.job=this.name=null；
}
},
计算：{
//每当'submitData.job'发生更改时，currentJob都将更新
currentJob（）{
返回submitData.job；
}
}
}

//您还可以在vue组件上下文之外使用存储（在普通js模块中）
从'src/stores/submitData.js'导入submitData；
// ...
const submittedJob=submitData.job；