程序员鸡皮

```javascript function adjustWidth() { var width = window.innerWidth || document.documentElement.cli

Vue3组件通信和Vue2的区别： 移出事件总线，使用mitt代替。 vuex换成了pinia。 把.sync优化到了v-model里面了。 把$listeners所有的东西，合并到$attrs中了。

8.1. 【Teleport】 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构移动到指定位置的技术。 8.2. 【Suspense】 等待异步组件时渲染一些额外内容

在Vue3中我们使用pinia用来做状态管理，也就是我们的数据共享，pinia的图标是一个大菠萝。这个特别容易留下深刻印象，我们就来学习pinia吧！ 【准备一个效果】 就是要实现这么一个效果，我们接

命名路由 命名路由的作用就是可以简化路由跳转及传参 给路由规则命名： 上面的name属性就是我们给路由的命名。 路由的跳转： 嵌套路由 编写News的子路由：Detail.vue 配置路由规则，使用c

对于路由就是说一个给路划分方向的箭头就和高速公路上的指示牌一样，这就是我们的路由route,router是我们快速找到之前走过的路或者将要到的路，通俗来讲有点类似我们的地图或者导航，当前的router

Hook概念在React中特别常用，Vue3中将他的设计Hook的思想运用过来了，有人调侃的就说，javascript的发展史就是从面向过程->面向对象->面向过程。哈哈哈，实用才是最合适的。Hook

生命周期的概念 Vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函数，从而让开发者有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子 规律：

这里的props用来结合TypeScript来进行类型限定，如下所示： 这个我们可以定义他为index.ts,在我们的src目录下创建types. 然后我们可以使用TS中的类型限定，如下代码： 这里我