程序员鸡皮

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，数据、方法、计算属性等

在Windows10系统上报错，如何处理，问题如下图所示： 不要慌，我们来看如何解决： 一条条运行上面代码。这里就不截图了 记得上面如何看出运行成功了，如下提示就说明安装成功了。 然后我们重新编译运行

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