Vue3

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中的类型限定，如下代码： 这里我

作用和区别 用在普通DOM标签上，获取的是DOM节点。 用在组件标签上，获取的是组件实例对象。 我们先来看一下用在普通DOM标签，如下示例： 上面我们运行之后发现，通过ref()定义的标签放在普通DO

watch对比watchEffect 都能监听响应式数据的变化，不同的是监听数据变化的方式不同 watch：要明确指出监视的数据 watchEffect：不用明确指出监视的数据（函数中用到哪些属性，那

作用：监视数据的变化（和Vue2中的watch作用一致） 特点：Vue3中的watch只能监视以下四种数据： 我们在Vue3中使用watch的时候，通常会遇到以下几种情况： * 情况一 监视ref定义

作用：根据已有数据计算出新数据（和Vue2中的computed作用一致）。 好，今天我们的Computed计算属性就讲到这里，下次见。谢谢观看

作用：将一个响应式对象中的每一个属性，转换为ref对象。 备注：toRefs与toRef功能一致，但toRefs可以批量转换。 语法如下： 好，今天我们就讲到这，感谢大家观看，下次见

ref 创建：基本类型的响应式数据 作用： 定义响应式变量。 语法： let xxx = ref(初始值)。 返回值： 一个RefImpl的实例对象，简称ref对象或ref，ref对象的value属性

setup 概述 setup是Vue3中一个新的配置项，值是一个函数，它是 Composition API “表演的舞台 *” *，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在

Vue2的API设计是Options（配置）风格的。 Vue3的API设计是Composition（组合）风格的。 Options API 的弊端 Options类型的 API，数据、方法、计算属性等

【基于 vue-cli 创建】 点击查看官方文档 这里我们就不仔细研究用手脚架搭建Vue3工程了，因为Vue团队开发出了Vite所以我们重点研究Vite搭建Vue3工程。 【基于 vite 创建】(推

2020年9月18日，Vue.js发布版3.0版本,Vue3相比Vue2来说有哪些优化？ 打包大小减少41%。 初次渲染快55%, 更新渲染快133%。 内存减少54%。 其次，Vue3在源码方面也作

1.vue3特性 vue的引入方式 cdn引入 示例代码 本地引入 示例代码 数据展示 字符串 列表数据 计数器 计数器（重构） 原生dom计数器实现(命令式编程实现） vue是声明式编程思想，原生是