Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又用Pinia，不然你会被同事请去喝茶的。下面就让我们看下它们的使用方式吧安装Vuexnpmivuex-SPinianpmipinia-S挂载Vuex在src目录下新建vuexStore,实际项目中你只需要

Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又用Pinia，不然你会被同事请去喝茶的。下面就让我们看下它们的使用方式吧安装Vuexnpmivuex-SPinianpmipinia-S挂载Vuex在src目录下新建vuexStore,实际项目中你只需要

 【前言】本博客系统的讲诉了Vuex的安装、搭建。以及Actions、Mutations、State、Getters的使用，为什么使用mapState、mapGetters以及一些细节的解释Vuex原理讲解 编辑Actions：词义是动作行为Mutations:词义是加工、维护State:词义是状态和数据Dispatch：词义是派遣、发出Commit：提交Render:渲染Mutate：转变从这些单词中，大体上可以概括整个图的流程。VC派发（Dispatch）消息到Actions，Actions提交（Commit）到Mutation，Mutation转变（Mutate）state，然后重新渲染

 【前言】本博客系统的讲诉了Vuex的安装、搭建。以及Actions、Mutations、State、Getters的使用，为什么使用mapState、mapGetters以及一些细节的解释Vuex原理讲解 编辑Actions：词义是动作行为Mutations:词义是加工、维护State:词义是状态和数据Dispatch：词义是派遣、发出Commit：提交Render:渲染Mutate：转变从这些单词中，大体上可以概括整个图的流程。VC派发（Dispatch）消息到Actions，Actions提交（Commit）到Mutation，Mutation转变（Mutate）state，然后重新渲染

​VirtualDOM的理解一、什么是vdom？VirtualDOM用JS模拟DOM结构二、为何要用vdom？1.DOM操作非常非常“rang贵”，将DOM对比操作放在JS层，提高效率2.DOM结构的对比，放在JS层来做（图灵完备语言：能实现逻辑代码的语言）三、vdom核心函数有哪些//核心函数：h('标签名',{...属性名...},[...子元素...])h('标签名',{...属性名...},'.........')patch(container,vnode)patch(vnode,newVnode)Vue路由懒加载Vue项目中实现路由按需加载（路由懒加载）的3中方式：1.vue异步组件

​VirtualDOM的理解一、什么是vdom？VirtualDOM用JS模拟DOM结构二、为何要用vdom？1.DOM操作非常非常“rang贵”，将DOM对比操作放在JS层，提高效率2.DOM结构的对比，放在JS层来做（图灵完备语言：能实现逻辑代码的语言）三、vdom核心函数有哪些//核心函数：h('标签名',{...属性名...},[...子元素...])h('标签名',{...属性名...},'.........')patch(container,vnode)patch(vnode,newVnode)Vue路由懒加载Vue项目中实现路由按需加载（路由懒加载）的3中方式：1.vue异步组件