TS的class看起来和ES6的Class有点像，基本上差别不大，除了可以继承（实现）接口、私有成员、只读等之外。参考：https://typescript.bootcss.com/classes.html基本用法我们可以定义一个class，设置几个属性，然后设置一个方法，封装Object.assign简化reactive的赋值操作。创建自己的对象基类importtype{InjectionKey}from'vue'classBaseObject{$id:string|symbol|InjectionKeyname:stringage:numberconstructor(id:string,n
Vuex是一个专为Vue.js应用程序开发的状态管理模式+库，简单一点理解就是为了可以实现组件之间实现相互共享数据这需求。以下代码实现可以在CodeSandbox实现一、基本用法：import{createApp}from'vue'//引入vueimportAppfrom'./App.vue'//APP组件import{createStore}from'vuex'//引入vuexconstapp=createApp(App)//创建vue实例app.mount('#app')//将vue实例挂载到HTML中id为app的标签中conststore=createStore({//创建vuex的实
安装官网yarnaddpinia#orwithnpmnpminstallpinia初始化Piniaimport{createPinia}from'pinia'constpinia=createPinia()pinia.use(SomePiniaPlugin)//给pinia装插件constapp=createApp(App)app.use(pinia)这里需要注意时间顺序：只有在调用app.use(pinia)之后才能调用useXxxStore()使用Store注意defineStore接受一个id，不同数据源的id必须是不同的不能将useCounter()的返回值解构，这会导致数据响应式的丢
前言：对于只是维护vue项目的我接触到了vuex，看完之后我对vuex的印象和redux的使用方法差不多，下面我们来说一下关于vuex的具体使用1.vuex文件定义（通常放在根目录store文件夹modules文件夹下），文件内部格式为image.png对上图进行解析：state：用于存储变量，外部使用vuex中的值时也是直接引用state即可mutations：可以理解为拿到需要设置的值之后来更新状态管理器中的state的值actions：可以理解为需要触发的行为，外面使用vuex时首先经过的是actions中对应的行为，然后该行为会指向对应的mutations来更新state中对应变量的值
一.概述React与Vue是我们熟悉的两大前端主流框架，来自官方的解释,Vue是一套用于构建用户界面的渐进式框架,React是一个用于构建用户界面的JavaScript库,两个框架都使用各自的语法，专注于用户UI界面的构建.那我们会有疑问，这两个框架都专注于UI界面的构建，但是随着JavaScript单页应用开发日趋复杂，我们如何进行更多数据的管理呢？比如网络请求的数据、缓存数据、本地生成尚未持久化到服务器的数据，UI状态数据，激活的路由，被选中的标签等等.基于上面的疑问，两个框架都有各自的解决方案：React-Redux与Vuex.二.使用1.Redux使用react-redux之前我们先来
Vuex是一个专为Vue.js应用程序开发的状态管理模式+库，简单一点理解就是为了可以实现组件之间实现相互共享数据这需求。以下代码实现可以在CodeSandbox实现一、基本用法：import{createApp}from'vue'//引入vueimportAppfrom'./App.vue'//APP组件import{createStore}from'vuex'//引入vuexconstapp=createApp(App)//创建vue实例app.mount('#app')//将vue实例挂载到HTML中id为app的标签中conststore=createStore({//创建vuex的实
安装官网yarnaddpinia#orwithnpmnpminstallpinia初始化Piniaimport{createPinia}from'pinia'constpinia=createPinia()pinia.use(SomePiniaPlugin)//给pinia装插件constapp=createApp(App)app.use(pinia)这里需要注意时间顺序：只有在调用app.use(pinia)之后才能调用useXxxStore()使用Store注意defineStore接受一个id，不同数据源的id必须是不同的不能将useCounter()的返回值解构，这会导致数据响应式的丢
前言：对于只是维护vue项目的我接触到了vuex，看完之后我对vuex的印象和redux的使用方法差不多，下面我们来说一下关于vuex的具体使用1.vuex文件定义（通常放在根目录store文件夹modules文件夹下），文件内部格式为image.png对上图进行解析：state：用于存储变量，外部使用vuex中的值时也是直接引用state即可mutations：可以理解为拿到需要设置的值之后来更新状态管理器中的state的值actions：可以理解为需要触发的行为，外面使用vuex时首先经过的是actions中对应的行为，然后该行为会指向对应的mutations来更新state中对应变量的值
一.概述React与Vue是我们熟悉的两大前端主流框架，来自官方的解释,Vue是一套用于构建用户界面的渐进式框架,React是一个用于构建用户界面的JavaScript库,两个框架都使用各自的语法，专注于用户UI界面的构建.那我们会有疑问，这两个框架都专注于UI界面的构建，但是随着JavaScript单页应用开发日趋复杂，我们如何进行更多数据的管理呢？比如网络请求的数据、缓存数据、本地生成尚未持久化到服务器的数据，UI状态数据，激活的路由，被选中的标签等等.基于上面的疑问，两个框架都有各自的解决方案：React-Redux与Vuex.二.使用1.Redux使用react-redux之前我们先来
1.什么是Pinia呢？Pinia（发音为/piːnjʌ/，如英语中的“peenya”）是最接近piña（西班牙语中的菠萝）的词；Pinia开始于大概2019年，最初是作为一个实验为Vue重新设计状态管理，让它用起来像组合式API（CompositionAPI）。从那时到现在，最初的设计原则依然是相同的，并且目前同时兼容Vue2、Vue3，也并不要求你使用CompositionAPI；Pinia本质上依然是一个状态管理的库，用于跨组件、页面进行状态共享（这点和Vuex、Redux一样）；2.Pinia和Vuex的区别image.png3.如何使用Pinia？1.使用Pinia之前，我们需要
