vuex和vue3

vuex

定义：全局状态管理器，全局数据共享。 特点：数据双向响应，数据流是单向的【自上而下，从父级传到子级的过程，并且子级不可以修改父级的数据】。 缺点：数据是存在内存中的，刷新页面会丢失改变的状态值。需要使用持久化插件，把数据存到本地。vuex-persist vue2的vuex和vue3里的vuex没有任何更改。只有初始化的语法略有改动

差异

1. 由createStore函数创建store实例
2. 组件内使用store使用useStore高阶函数得到store对象

持久化

vue3代码的组件内抽离优化【组件瘦身】

可以抽离数据的方法到外部js中，但是对于props，store，生命周期和router的初始化不可以抽离。

组件通信

1. 父子，子组件使用defineProps接收
2. 子父，子组件使用defineEmits函数接收
3. v函数-model升级成可以绑定多个
4. 子组件向父组件主动暴露数据，使用defineExpose函数

vue-router

语法没有变化，只是初始化的时候需要使用createRouter创建路由实例，model选项变