vue3

readonly api详解 用于创建一个对象的深只读副本。含义有两层，一是创建的副本对象是只读的。二是副本对象是深层次只读。 用一个实例说明什么事深层次只读。

插槽概述 Slot，可翻译中文为插槽、空槽、钥匙槽。以下为官方定义Solt（插槽）是 Vue 提供的一种内容分发机制，允许父组件向子组件指定位置注入内容。

概述 组件通信是前端开发技术中的核心，上节讲到使用props、自定义事件、mitt、v-model组件通信方法，其他五中通信方式： $attrs ref parent provide、inject p

概述 Vue 组件通信是面试和实际开发中的核心知识点，组件通信包括父组件与子组件甚至孙组件的通信，子组件与子组件之间的通信。组件通信详细掌握以下9中方法： props 自定义事件 mitt v-mod

概述 Pinia 是 Vue.js 的官方状态管理库，可以把它看作是 Vuex 的升级版。它提供了更简洁的 API 和更好的 TypeScript 支持，已经成为 Vue 生态中推荐的状态管理方案。

上节内容是嵌套路由与路由传参。路由的传参有两方式，一是query，一是params。这节主要内容： 路由的props 路由的replace属性 路由编程式导航 路由的重定向

路由嵌套，简单言之，由主页点击进入一个模块，在模块中又可点击进入子模块。如在主页进入Fish组件，在Fish组件中，进入FishDetail详细内容。路由的四个基本要素

Vue Router 是 Vue.js 官方的路由管理器，用于构建单页面应用（SPA）。它的核心价值在于：在不刷新页面的情况下，根据 URL 的变化动态渲染不同的组件，实现流畅的页面切换体验。

组件的生命周期，即从组件的创建到销毁，所经历的过程。以下是在官网的定义： Vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函 数，从而让开发者有机会在特定阶段

props是Properties这个单词的缩写，可翻译为属性。它是父组件向子组件传递数据的桥梁，是子组件的属性。数据可包含以下内容：基础数据，如字符串、数字,数组,对象,函数

TypeScript 接口泛型的作用是为了规范代码，约束对象类型，例如定义一个对象fish，误的将price写成pirce而不自知。接口规范来书写，不会出现错误

在Vue3中，获取DOM的方式有两种。虽然在Vue3中可用Vue2的语法获取DOM，但是不推荐使用Vue2语法。 通过document.getElementById函数获取DOM 通过标签的ref属性

watch功能是监视某些数据的变化，一旦发生变化，调用回调，传递新旧数值。watchEffect官方定义如下： 立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行。

watch本意是监视、观察。它的功能就是监视数据的变化。数据一旦变化，就会产生两种数据：新数据、旧数据。

计算属性，顾名思义，根据属性计算出一个新值，该值被称为计算属性。 如根据商品数量，计算数量总和 再如根据商品数量和单价计算总价

toRefs与toRef具体用法，toRefs将响应式对象结构解析数据变成响应式，toRef将响应式对象中的一个数据变成响应式

ref定义基础类型数据 reactive定义对象数据 但ref也可以定义对象类型的数据。但底层基于reactive实现

在vue2那个年代，响应式数据是在data里面定义，只要把数据放在data里，然后在模版内引用，数据一变，模版就跟着显示，如下图代码： 点击按钮改变鱼。fish一变化，模版就跟着变化，

在vue3中，若没有学好setup函数，后面学习vue3将会越学越乱。 setup是一个函数，它在vue3是一个新的配置项，是组合式语法 (Composition API)表演的舞台

开发vue3 ，官方推荐使用vscode，还特地为vscode开发新的插件Vue-Official，详细分析vue3项目结构，并创建最简hello-world