本人水平有限，如有疏漏或者不正确部分，请大佬指正。一.Vuex概述1.1组件之间共享数据的方式父向子传值：v-bind属性绑定子向父传值：v-on事件绑定兄弟组件之间共享数据：eventBUs*$on接收数据的那个组件*$emit发送数据的那个组件特点：适合小范围使用1.2Vuex是什么概念：Vuex是实现组建全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享 1.3使用Vuex统一管理状态的好处 ①：能够在vuex中集中管理共享的数据，易于开发和后期维护 ②：能够高效地实现组件之间的数据共享，提高开发效率 ③：储存在vuex中的数据都是响应式的，能够试试保持数据与页面的
本人水平有限，如有疏漏或者不正确部分，请大佬指正。一.Vuex概述1.1组件之间共享数据的方式父向子传值：v-bind属性绑定子向父传值：v-on事件绑定兄弟组件之间共享数据：eventBUs*$on接收数据的那个组件*$emit发送数据的那个组件特点：适合小范围使用1.2Vuex是什么概念：Vuex是实现组建全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享 1.3使用Vuex统一管理状态的好处 ①：能够在vuex中集中管理共享的数据，易于开发和后期维护 ②：能够高效地实现组件之间的数据共享，提高开发效率 ③：储存在vuex中的数据都是响应式的，能够试试保持数据与页面的
pinia是一个vue的状态存储库，你可以使用它来存储、共享一些跨组件或者页面的数据，使用起来和vuex非常类似。pina相对Vuex来说，更好的ts支持和代码自动补全功能。本篇随笔介绍pinia的基础用法以及持久化存储的一些用法，供参考学习。pinia在2019年11月开始时候是一个实验项目，目的就是重新设计一个与组合API匹配的vue状态存储。基本原则和原来还是一样的，pinia同时支持vue2和vue3，且不要求你必须使用Vue3的组合API。不管是使用vue2或者vue3，pinia的API是相同的，文档是基于vue3写的。Pinia是Vuex4的升级版，也就是Vuex5;Pinia极
pinia是一个vue的状态存储库，你可以使用它来存储、共享一些跨组件或者页面的数据，使用起来和vuex非常类似。pina相对Vuex来说，更好的ts支持和代码自动补全功能。本篇随笔介绍pinia的基础用法以及持久化存储的一些用法，供参考学习。pinia在2019年11月开始时候是一个实验项目，目的就是重新设计一个与组合API匹配的vue状态存储。基本原则和原来还是一样的，pinia同时支持vue2和vue3，且不要求你必须使用Vue3的组合API。不管是使用vue2或者vue3，pinia的API是相同的，文档是基于vue3写的。Pinia是Vuex4的升级版，也就是Vuex5;Pinia极
1.最重要的区别一，vuex存储在内存二，localstorage以文件的方式存储在本地三，localstorage只能存储字符串类型的数据，储存对象需要JSON的Stringify和parse方法进行处理，读取内存比读取硬盘速度要快2.应用场景，一，vuex是一个专为vue.js应用程序开发的状态管理模式，它采用集中式管理应用的所有组件状态，并以相应的规则保证状态的以一种可以预测的方式发生变化，vuex用于组件之间的传值，二，localstorage是本地储存，是将数据存储到浏览器的方法，一般在跨页面传递数据时使用。三，vuex能够做到数据的响应式，localstorage不能3.永久性刷新
前言：对于只是维护vue项目的我接触到了vuex，看完之后我对vuex的印象和redux的使用方法差不多，下面我们来说一下关于vuex的具体使用1.vuex文件定义（通常放在根目录store文件夹modules文件夹下），文件内部格式为image.png对上图进行解析：state：用于存储变量，外部使用vuex中的值时也是直接引用state即可mutations：可以理解为拿到需要设置的值之后来更新状态管理器中的state的值actions：可以理解为需要触发的行为，外面使用vuex时首先经过的是actions中对应的行为，然后该行为会指向对应的mutations来更新state中对应变量的值
1.最重要的区别一，vuex存储在内存二，localstorage以文件的方式存储在本地三，localstorage只能存储字符串类型的数据，储存对象需要JSON的Stringify和parse方法进行处理，读取内存比读取硬盘速度要快2.应用场景，一，vuex是一个专为vue.js应用程序开发的状态管理模式，它采用集中式管理应用的所有组件状态，并以相应的规则保证状态的以一种可以预测的方式发生变化，vuex用于组件之间的传值，二，localstorage是本地储存，是将数据存储到浏览器的方法，一般在跨页面传递数据时使用。三，vuex能够做到数据的响应式，localstorage不能3.永久性刷新
前言：对于只是维护vue项目的我接触到了vuex，看完之后我对vuex的印象和redux的使用方法差不多，下面我们来说一下关于vuex的具体使用1.vuex文件定义（通常放在根目录store文件夹modules文件夹下），文件内部格式为image.png对上图进行解析：state：用于存储变量，外部使用vuex中的值时也是直接引用state即可mutations：可以理解为拿到需要设置的值之后来更新状态管理器中的state的值actions：可以理解为需要触发的行为，外面使用vuex时首先经过的是actions中对应的行为，然后该行为会指向对应的mutations来更新state中对应变量的值
什么是父子组件使用components，引入的组件为子组件，子组件所在的当前组件为父组件。我是组件newVue({el:'#app',components:{"info":{template:"#info",},},data(){return{}}});//info组件就是当前app组件的子组件vue中数据共享方式父组件向子组件传值：v-bind属性绑定{{val}}newVue({el:'#app',components:{"info":{template:"#info",},},data(){return{nameData:"张三"}}});//info组件就是当前app组件的子组件子组件
什么是父子组件使用components，引入的组件为子组件，子组件所在的当前组件为父组件。我是组件newVue({el:'#app',components:{"info":{template:"#info",},},data(){return{}}});//info组件就是当前app组件的子组件vue中数据共享方式父组件向子组件传值：v-bind属性绑定{{val}}newVue({el:'#app',components:{"info":{template:"#info",},},data(){return{nameData:"张三"}}});//info组件就是当前app组件的子组件子组件
