一文带你看懂vue3中最重要的API——ref和reactive，还在纠结用哪个么，想把Vue3用好快来看

通过本文的50个web示例你将学到: Vue3核心基础语法和进阶语法 less核心基础语法和进阶语法 scss核心基础语法和进阶语法 1.Expanding Cards 效果如图所示: 源码 在线示例

shallowRef是一种浅层形式的ref，浅层式的API创建的状态只在其顶层是响应式的，也就是说它只对.value的访问是响应式的，不会对内部值进行深层递归的响应式转换。

关于本文异常热闹的评论区，我在https://juejin.cn/post/6911883414110994439进行统一回应，后面没什么必要我不会直接在评论区进行回应，如果之前的回应有一些过激的语言我表示抱歉，因为太长时间没有发文有点没控制住。 以防万一有的同学实在不看官方文…

还是以官方文档为标准 vue3 渲染函数 具体位置 h()函数的参数:官网 h函数的第三个参数传入不同类型分别代表什么 第一个传入string，也就是说在这个元素里面没有其他的元素，可以去设置文字，文

支持Vue 2和Vue 3开箱即用 支持组件和指令 支持Vite、Webpack、Vue CLI、Rollup 支持仅注册您使用的组件 文件夹名称作为名称空间。 支持ts 用于流行UI库的内置解析器

网站终于都用 Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus 重构完啦！