vue定义全局变量可读写变量，，出现undefined

Question

new Vue({
data() {

return {
  $ws: '',
  $loading_:true,
  $timesVisible:'',  //弹窗倒计时是否开启
  $times:'',  //弹窗倒计时。。秒数
  $patientTimes:'',  //病人概览翻页时间。。秒数
  $patientWaringLabel:'',  //病人警示标识翻页时间。。秒数
};

},
router,
store,
render: h => h(App)
}).$mount('#app')

我在main.js下这么写的

但是在其他页面this.$root.$times打印是undefined是为什么

我在网上看说可以这么写 啊

Answer 1

你可以把这些 data 放在一个单独的 js 文件然后 export 暴露出来,然后再在 main.js 里面引入并挂载在 vue 实例上Vue.prototype.你暴露的东西引入的变量. 然后再其他页面直接通过 this 访问