氍毹重叠,穿越东晋之世家公子,会声会影x8注册机
vuex仓库是vue全局的数据仓库,好比一个单例,在任何组件中通过this.$store来共享这个仓库中的数据,完成跨组件间的信息交互。
vuex仓库中的数据,会在浏览器刷新后重置
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', '新值');
注意点
:
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
新手学习Python2和Python3中print不同的用法
Python基于os.environ从windows获取环境变量
网友评论