窥涉百家-word-ima
Vue3带来了什么-雨云 - 老一代云服务提供商，国外服务器，国外云服务器，测评及优惠码
打包大小减少40% 初次渲染快55%，更新渲染快133% 内存减少54% 分析目录结构 main.js中的引入 在模板中vue3中是可以没有根标签了，这也是比较重要的改变 应用实例并不只限于一个。createApp API 允许你在同一个页面中创建多个共存的 Vue 应用，而且每个应用都拥有自己
常用Composition API（组合式API）-雨云 - 老一代云服务提供商，国外服务器，国外云服务器，测评及优惠码
1. setup函数 理解：Vue3.0中一个新的额配置项，值为一个函数 2.setup是所有Composition API(组合api) “表演的舞台” 组件中所用到的：数据、方法等等，均要配置在setup中 setup函数的两种返回值: 若返回一个对象，则对象中的属性、方法，在模板中均可以直
关于单文件组件-雨云 - 老一代云服务提供商，国外服务器，国外云服务器，测评及优惠码
每个 *.vue 文件最多可以包含一个 <script setup>。(不包括一般的 <script>) 这个脚本块将被预处理为组件的 setup() 函数，这意味着它将为每一个组件实例都执行。<script setup> 中的顶层绑定都将自动暴露给模板。 <scrip
ref 函数-雨云 - 老一代云服务提供商，国外服务器，国外云服务器，测评及优惠码
作用：定义一个响应式的数据 语法： const xxx = ref(initValue) 创建一个包含响应式数据引用对象（reference对象） JS中操作数据：xxx.value 模板中读取数据：不需要.value，直接： {{xxx}} 备注： 接收的数据可以是：基本类型、也
reactive 函数-雨云 - 老一代云服务提供商，国外服务器，国外云服务器，测评及优惠码
作用：定义一个对象类型的响应式数据（基本类型别用他，用ref函数） 语法：const 代理对象 = reactive(被代理对象)接收一个对象（或数组）,返回一个代理对象（proxy对象） reactive定义的响应式数据是”深层次的“ 内部基于ES6的Proxy实现，通过代理对象操作源对象内部数据进行操作
reactive对比ref-雨云 - 老一代云服务提供商，国外服务器，国外云服务器，测评及优惠码
从定义数据角度对比： ref用来定义： 基本数据类型 reactive用来定义： 对象（或数组）类型数据 备注： ref也可以用来定义对象（或数组）类型数据，它内部会自动通过reactive转为代理对象 从原理角度对比： ref通过Object.defineProperty()的get和se
