VueX的记录

想要实现组件之间的传值,发现不是父子组件,不是兄弟组件的两个组件传值很困难,所以想到引入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'

然后注册

不同状态的一些用法就不在记录

你可能感兴趣的:(vue.js,javascript,前端)