2分

reducer可以state管理,并管理其更新逻辑. context则用于组件深层传递数据, 两者结合, 有助于组件的干净整洁, 数据的专注.

解决props在组件树中深层传递的问题(跟vue的provider/inject相似的作用),使用起来可以配合useReducer和Context结合

State 跟Vue的data相似, 但又有不同.State是一个快照, 对应于组件某一时刻的状态, 修改State的变量不会更改已经存在的state变量, 但是会出发重新渲染.

Vite提供了对css modules, 预处理器, postcss等的全面支持,对css的模块化方案提供了全面的支持

vite处理.vue文件大体如下步骤: 1.解析vue组件; 2.编译vue组件的template,script,style模块; 3.组装成Component;4. 打包为浏览器能够识别的文件格式

components, props, and state是React基础的使用, 后面再深入学习其他内容

Pinia基本使用 Pinia的定义是使用pinia暴露出来的defineStore定义的 Setup Store Option Store 使用 直接引入store的定义, 调用store导出的变量

1. 组合式函数 组合式函数 组合式函数式一个利用vue组合式API来封装和复用的,有状态逻辑的函数 使用 组合式函数的优点 代码复用, 功能组合, 代码结构完好 数据来源清晰, 优于mixins 2

ref的定义 声明一个同名的 ref, 必须是同名的 v-for 中的模板引用 当在 v-for 中使用模板引用时，对应的 ref 中包含的值是一个数组; ref 数组并不保证与源数组相同的顺序 函数