来口汤润润喉

当使用路由传参进行页面切换或数据请求,且路由的路径path没有发生变化时，由于路由的组件复用机制，路由对应的组件会被缓存起来直接复用，也就是生命周期钩子函数不再执行，钩子函数中的请求不会再次发起,数据

当使用路由传参进行页面切换或数据请求,且路由的路径path没有发生变化时，由于路由的组件复用机制，路由对应的组件会被缓存起来直接复用，也就是生命周期钩子函数不再执行，钩子函数中的请求不会再次发起,数据

注册全局组件 Vue3注册全局组件方式: Vue2注册全局组件方式: 通过对比两种方式并无太大区别,都是在main.js中注册 自定义指令 与注册全局组件相似

@vueuse/core是一个包,封装了常见的一些交互逻辑 使用步骤: 安装 使用其中的功能 示例: 获取滚动距离方法 更多方法:https://vueuse.org/core/useWindowSc

Vuex-持久化　 vuex-persistedstate 插件 使用该插件让在vuex中管理的状态数据自动同时存储在本地免去自己存储的环节 使用流程: 1.npm或yarn 下载包 2.在store

Less自动化导入插件、样式重置插件....................................

通过setup()函数通信 在Vue3中,$on被移除,且setup函数中this指向undefined,并不指向Vue实例对象,所以无法使用Vue2中this.$emit()方法进行父子通信,但可以

在setup函数中使用计算属性函数 根据现有响应式数据经过一定的计算得到全新的数据 有两种方式: 方式一: 方式二: 注意:要从vue实例中引入computed 在setup函数中使用watch侦听器

toRefs 函数 在之前reactive函数的使用中,想在模板中省略state，直接书写name和age，想在return出去的时候把state中的属性直接解构出来, 解构前: 解构后: 修改时页面