xuan的博客

Vue 3 实现响应式，本质上是通过 Proxy API 劫持了数据对象的读写，当我们访问数据时，会触发 getter 执行依赖收集；修改数据时，会触发 setter 派发通知。（分析一下依赖收集和派发通知的实现（Vue.js 3.2 之前的版本）。

（2）这两个不同的原理，在 vue-router 中对应两个函数，分别是和。

（1）Vuex 是一个状态和数据管理的框架，负责管理项目中多个组件和多个页面共享的数据。（2）在开发项目的时候，我们就会把数据分成两个部分，一种数据是在某个组件内部使用，我们使用ref 或者 reactive定义即可，另外一种数据需要跨页面共享，就需要使用Vuex来进行管理（3）Vuex使用state定义数据，使用mutation定义修改数据的逻辑，并且在组件中使用 commit 去调用 mutations。

然后我们根据 v-move 的命名规范，设置 .flip-list-move 的过渡属性，就实现了列表依次出现的效果了。标签在进入和离开的时候，会有 fade-enter-active 和 fade-leave-active 的 class，进入的开始和结束会有 fade-enter-from 和 face-enter-to 两个 class。（3）响应式机制的进阶用法，那就是可以把一切项目中的状态和数据都封装成响应式的接口，屏蔽了浏览器的 API，对外暴露的就是普通的数据，可以极大地提高我们的开发效率。

1、Vue 2 内部所有的模块都是揉在一起的，这样做会导致不好扩展的问题。2、为了解决这个问题，Vue 3 进行了拆包，使用最近流行的 monorepo 管理方式，响应式、编译和运行时全部独立了3、Vue 3 的组织架构中，响应式独立了出来。而 Vue 2 的响应式只服务于Vue，Vue 3 的响应式就和 Vue 解耦了，你甚至可以在 Node.js 和 React 中使用响应式4、渲染的逻辑也拆成了平台无关渲染逻辑和浏览器渲染 API 两部分。