Yaoqi

shallowRef()、triggerRef() shallowRef() shallowRef()：只有第一层数据变了组件才会重新渲染，深层数据变了组件不会重新渲染，watch也监听不到变化。 简

Vue数据检测：isRef()、isReactive()、isReadonly() isRef：检测是否为ref数据，返回布尔值 isReactive：检测是否为reactive数据，返回布尔值 is

响应式数据：Ref、Reactive ref和reactive的区别 ref数据在js中需要使用.value访问，reactive数据不用.value ref创建基础类型数据, 如string,num

setup 基础使用：在setup中通过ref和reactive创建响应式数据 Props和context props就是父组件传入的属性；context是上下文对象，里面有attrs，slots，e

面试题整理 浏览器 输入一个URL到页面过程中发生了什么 DNS解析，将url解析为网站的IP 建立TCP连接 发起HTTP请求 服务器返回请求结果 关闭TCP连接 客户端渲染页面 客户端渲染页面的过

防抖 防抖：防止连续多次触发，n秒内连续触发则只触发最后一次。目的：只执行一次 原理：触发之前判断是否已经触发，已经触发就取消执行上一次的事件，然后执行本次事件。 节流 节流：防止连续多次触发，n秒内

1. 原始数据类型 Boolean number string undefined null any 2. 数组和元祖 元祖：本质上其实就是数组，不过跟数组不一样的就是可以单独限制数组中的每个数据类型

今天给大家上演几场好看的戏，看看他们之间会发生什么有趣的事情呢？ 下面介绍一下今天的两位主角 Vue2生命周期 Vue3生命周期 一般这两个主角是不会同台的，今天我故意把他俩放到一起看一下

Vue3状态管理工具-Pinia快速入门学习 什么是Pinia？ pinia是vue3官方的状态管理工具，当然vue2也可以用。