方法1. 設(shè)置并引入全局變量文件
創(chuàng)建一個 Store.vue (或 js 文件) 并暴露出去, 用來保存全局變量
<script>
const name = 'wells';
const age = 24;
export default {
name,
age
};
</script>
在 Test.vue 組件中使用
<template>
<div>{{ myName }}</div>
<div>{{ myAge }}</div>
</template>
<script>
import myStore from '@/components/Store'; // 引用模塊
export default {
data () {
return {
myName: myStore.name,
myAge: myStore.age
}
}
}
</script>
方法2. 將上面的 Store.vue 文件掛載到 Vue.prototype
main.js
import myStore from '@/components/Store';
Vue.prototype.$myStore = myStore; // 掛載到 Vue 實例上
現(xiàn)在就可以在組件中通過 this.$myStore.name 直接調(diào)用了, 不需要再單獨引入模塊
方法3. 使用 Vuex 來保存變量
這里不做詳述, 想了解的朋友可以看下 十分鐘入門Vuex
