P34. vuex 状态管理

P34. vuex 状态管理_第1张图片

App.vue












Home.vue






index.js

//实现响应式
//集中管理
//如何在app组件中通过provide提供
// ref ractive --> 对象中存储的状态 msg,gae,conuter等
import {reactive} from 'vue'
const store={
    state:reactive({
        msg:"hellokugou"
    }),
    updateMsg:function (){
        this.state.msg='你好,类好呀'
    }
}

export default store







P34. vuex 状态管理_第2张图片

P34. vuex 状态管理_第3张图片

你可能感兴趣的:(vuex)