淼淼不暴躁!

创建的状态只在其顶层是响应式的，对所有深层的对象不会做任何处理，避免了对每一个内部属性做响应式所带来的性能成本，这使得属性的访问变得更快，可提升性能。作用：创建一个浅层响应式对象，只会使对象的最顶层属性变成响应式的，对象内部的嵌套属性则不会变成响应式的。只将对象的顶层属性设置为只读，对象内部的嵌套属性仍然是可变的。特点：对象的顶层属性是响应式的，但嵌套对象的属性不是。特点：只跟踪引用值的变化，不关心值内部的属性变化。返回的对象不再是响应式的，不会触发视图更新。作用：用于获取一个响应式对象的原始对象，

数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。Category 这个标签里面的ul 会传到slot 里面。组件中，但使用数据所遍历出来的结构由。

子 => 父。注意区分好：原生事件、自定义事件。原生事件：事件名是特定的（clickmosueenter等等）事件对象$event: 是包含事件相关信息的对象（pageXpageYtargetkeyCode自定义事件：事件名是任意名称事件对象$event: 是调用emit时所提供的数据，可以是任意类型！！！示例：父组件：<template><h3>父组件</h3><h4 v-show="toy">子给的玩具：{{ toy }}</h4>

作用：简单来说（有了一个新的存储数据和方法的空间）中的数据，需要经过处理后再使用时，可以使用。此时开发者工具中已经有了。的实体，每个组件都可以。

作用：控制路由跳转时操作浏览器历史记录的模式。作用：将特定的路径，重新定向到已有路由。浏览器的历史记录有两种写入方式：分别为。参数时，需要提前在规则中占位。的对象写法，必须使用。路由的props配置。

缺点：后期项目上线，需要服务端配合处理路径问题，否则刷新会有。通过点击导航，视觉效果上“消失” 了的路由组件，默认是被。Home.vue 也就是简单的弄了一张图片而已。优点：兼容性更好，因为不需要服务器端处理路径。这一节最重要的,路由组件 index.ts。About.vue 简单的显示主键。一句话说完,就是用来,跳转页面的。作用：可以简化路由跳转及传参）。然后是主页组件:App.vue。components 代码。文件夹，一般组件通常存放在。New.vue 新闻组件。掉的，需要的时候再去。

什么是hook？—— 本质是一个函数，把setup函数中使用的进行了封装，类似于vue2.x中的mixin。自定义hook的优势：复用代码, 让setup中的逻辑更清楚易懂。

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

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

【代码】vue props --限制每个[对象]的格式。

作用：用于注册模板引用。用在普通DOM标签上，获取的是DOM节点。用在组件标签上，获取的是组件实例对象。

点我sum+1

作用：根据已有数据计算出新数据。

修改名字

因为是国外的源，要换一个国内的镜像源。

① 下载环境：javaScript语言的程序包：外部js文件对于Vue来说，导入Vue的外部js文件就能够使用Vue框架了。Vue框架的js文件获取:②导入环境在工程目录下创建script目录用来存放vue.js文件将官网提供的vue.js文件的内容复制粘贴到本地vue.js文件中③ 在html文件当中导入Vue.js文件</</</</</</