Vue3中的Vuex

1.全局使用

<script>
	export default {
  	name:'Home',
    computed:{
      myName(){
        this.$store.state.name;
      }
    }
  }
</script>

1.Vuex----必须派发一个action ， dispatch（）方法

2.执行store里面actions的change方法

3.提交一个commit this.commit('change')

4.对应的mutation被执行

5.在mutation里面改变数据(mutation里面只允许写同步代码，不允许写异步代码)

原理：1.通过proxy对数据进行封装，当数据变化时，触发模板内容的更新，ref只处理基础类型的数据。

例： {name: 'dell"} 变成 proxy（{name: 'dell'}）变成响应式引用

setup(props,context) {
  const{ref}=Vue;
  let name = ref('dell')
  setTimeout(() => {
    name.value = 'lee' 
  },2000)
  return { name }
}

2. reactive:处理非基础类型的数据（对象或数组）