想要实现组件之间的传值,发现不是父子组件,不是兄弟组件的两个组件传值很困难,所以想到引入VueX
vueX可以实现对数据的全面管理
首先在项目中安装 vuex包
npm install ......
这里要注意,vue3引入vuex的写法不同于vue2,如果采用vue2的写法会出现 无法展示页面的问题
引入方式如下
首先创建
store.js.
import { createStore } from 'vuex'
export default createStore({
state: {
account:""
},
getters: {
},
mutations: {
// 在 Login组件当中 赋值给 account
assign(state,value){
state.account = value
}
},
actions: {
},
})
注意 { }
然后在main.js中
import store from './store/store'
然后注册
不同状态的一些用法就不在记录