0901自己概要
Vueの-CLIプロジェクトvuex倉庫
コンセプト
vuex倉庫VUEグローバルデータウェアハウス、このデータウェアハウス、クロスコンポーネント間の完全な情報交換を共有する任意のアセンブリ。$ストア内これによりシングルトン、など。
Vuexデータウェアハウスには、ブラウザの更新後にリセットされます
II。使用
store.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
export default new Vuex.Store({
state: {
// 设置任何组件都能访问的共享数据
course_page: ''
},
mutations: {
// 通过外界的新值来修改仓库中共享数据的值
updateCoursePage(state, new_value) {
console.log(state);
console.log(new_value);
state.course_page = new_value;
}
},
actions: {}
})
共有データリポジトリを取得し、修正する:任意のロジックアセンブリに
// 获取
let course_page = this.$store.state.course_page
// 直接修改
this.$store.state.course_page = '新值'
// 方法修改
this.$store.commit('updateCoursePage', '新值');
注意点
:
- 2つの値を受け入れなければならない、あるいは無意味:updateCoursePage