旭哥的博客

setup中不允许使用async、await使用customRef可以让请求到的数据自动获取响应式状态 详见下方demo <template> <div>{{ num }}</div> <button @click="change">change</button> </template> <script> /* customRef用于自定义ref，setup不允许使用async和await */ import .

ref—>原有数据的复制，修改响应式数据不会影响原数据但UI界面会更新。 toRef—>原有数据的引用，修改响应式数据影响原数据但UI界面不更新 <template> <div>{{ name }}{{ age }}</div> <button @click="change">change</button> </template> <script> import { toRefs, toRef } .

一、shallowReactive对比reactive 使用reactive声明的变量为递归监听，使用shallowReactive声明的变量为非递归监听（通俗的讲就是reactive创建的对象将会被vue内部进行递归监听，可以监听到对象中的对象是否发生了改变从而更新视图，而shallowReactive创建的对象只能监听到首层对象的变化）。 <template> <!-- reactive --> <div>{{ reactiveState }}</d

vite 使用 一、项目搭建 <project-name>为项目名 $ npm init vite-app <project-name> $ cd <project-name> //进入项目目录 $ npm install //安装项目所需依赖 $ npm run dev //启动项目 二、附项目结构 三、附项目启动成功图 Vite启动极快，体验很好，与vue CLI相比目录结构变化不大，使用vue CLI的同学很快就能上手，期待正式发布。 ...