活力小柯

computed用法 计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。 1 函数形式 2 对象形式 computed购物车案例 转

toRef toRefs toRaw toRef 如果原始对象是非响应式的就不会更新视图 数据是会变的 如果原始对象是响应式的是会更新视图并且改变数据的 toRefs 可以帮我们批量创建ref对象主要

reactive 用来绑定复杂的数据类型 例如 对象 数组 reactive 源码约束了我们的类型 他是不可以绑定普通的数据类型这样是不允许 会给我们报错 数组异步赋值问题 这样赋值页面是不会变化的因

ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有个 .value property，指向该内部值。 案例 我们这样操作是无法改变message  的值 应为message

为什么要学习源码 1.可以提升自己学习更优秀的API设计和代码逻辑 2.面试的时候也会经常问源码相关的东西 3.更快的掌握vue和遇到问题可以定位 介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AS

模板插值语法 在script 声明一个变量可以直接在template 使用用法为{undefined{变量名称}} 模板语法是可以编写条件运算的 运算也是支持的 操作API 也是支持的 指令 阻止表单

Vite目录 vite config ts  这是vite的配置文件具体配置项 后面会详解 VsCode Vue3 插件推荐 Vue Language Features (Volar) SFC 语法规

1.安装nodejs（建议装14版本稳定） 装过的同学可以忽略 下载 | Node.js 中文网 2.构建vite项目 官方文档开始 {#getting-started} | Vite中文网 vite

1.介绍vue Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易