Powered by md-Blog  文 - 篇  访客 -

Vuex快速上手安装及使用


  分类:Vue  / 
更新:2020-11-01 17:25:26  /  创建:2020-06-14 18:55:00
不要删除

Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式

文档地址:https://vuex.vuejs.org/zh/installation.html

安装

yarn

yarn add vuex

npm

npm install vuex --save

main.js

import store from './store'

new Vue({
  store,
  render: h => h(App),
}).$mount('#app')

新建文件 ./store/index.js

import Vue from 'vue'
import Vuex from 'vuex'

// 挂载Vuex
Vue.use(Vuex)

// 创建VueX对象
const store = new Vuex.Store({
    state:{
        demo_txt: ''
    },
    mutations:{
      setTxt(state, status){
        state.demo_txt = status;
      }
  }
})

export default store

获取 Getter

this.$store.state.demo_txt

更新内容

this.$store.commit("setTxt", '你好');

不要删除

小站不易,感谢支持!