1. 数据响应式 数据响应式的作用是：数据驱动视图 1.1 数据响应式 Vue采用的是数据劫持结合发布和-订阅者模式的方式，通过拦截对数据的操作，在数据变动时发 布消息给订阅者，触发相应的监听回调。

VUE自定义指令生命周期，VUE生命周期 一、自定义指令的生命周期 　　自定义指令有五个生命周期（也叫钩子函数），分别是 bind,inserted,update,componentUpdated,u

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

Vue 在除了提供默认的十几个内置的指令外，还允许开发人员根据实际情况自定义指令，那我们在何时使用它呢？

先简单介绍下自定义指令 Vue的自定义指令通过Vue.directive方法来创建。 bind：指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。 inserted：被绑定元素插入父元素时

那么在Vue3中，对外暴露了很多的API供开发者使用，我们可以根据自己的需求，将所需要的API从Vue中导入。例如 main.js 中的代码 provide ：向子组件以及子孙组件传递数据。接收两个参数，第一个参数是 key，即数据的名称；第二个参数为 value，即数据的值 …

vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来

路由懒加载是一种优化技术，它可以将页面组件按需加载，只有当用户访问到某个路由时才加载对应的页面组件，从而提升应用的初始加载速度。

本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。