三日沐水

‌。通过使用app.directive方法，开发者可以定义一个全局自定义指令，该指令可以在整个应用中重复使用，从而简化DOM操作和提升代码复用性。

通过使用shallowRef()和shallowReactive()来绕开深度响应。浅层式API创建的状态只在其顶层是响应式的，对所有深层的对象不会做任何处理，避免了对每一个内部属性做响应式所带来的性能成本，这使得属性的访问变得更快，可提升性能。2、readonly与shallowReadonly保护数据。

【代码】VUE之插槽。

refs 包含所有子组件的实例对象console.log(obj.a) console.log(obj.b) console.log(obj.c)//自动解包。

v-model的底层原理：是:value值和@input事件的结合$event到底是啥？啥时候能.target。

测试

/使用toRefs会导致countSotre下的所有属性和方法都变成响应式，代价太大。// storeToRefs 只会关注store中的数据，不会关注里面的方法。

/第一种写法：将路由收到的所有params参数作为props传给路由组件。1）作用：控制路由跳转时操作浏览器历史记录的模式。3）第三种写法，对象写法，只能写死，不适用。脱离<RouterLink>实现跳转。1、满足某些条件才跳转。

【代码】VUE之参数传递。

1）路由组件通常放在pages 或 views文件夹，一般组件通常放在components文件夹。2）通过点击导航，视觉效果上"消失"了的路由组件，默认是被"卸载"掉的，需要的时候再去挂载。

生命周期整体分为四个阶段，分别是：创建、挂载、更新、销毁，每个阶段都有两个钩子，一前一后。

因为需要使用VUE的单文件注册组件需要安装一下：1 安装 npmnpm 全称为 Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。2 安装cnpm 由于国外网站网络原因，需要使用国内镜像网站。npm install -g cnpm --registry=https://registry....