摘要：
计算属性基本思想和 Vue2 的完全一致，组合式 API 下的计算属性只是修改了写法 核心步骤： 1. 导入 computed 函数 <script setup> import { computed } from 'vue' </script> 2. 执行函数 在回调参数中 return 基于响应式 阅读全文
摘要：
Vue中默认的数据并不是响应式的，如果我们希望数据是响应式的，则需要通过 reactive 或者 ref 进行处理。 reactive ()： 作用：接收 对象类型的数据作为参数传入 并返回一个 响应式对象 reactive 不能处理简单类型的数据 reactive 使用步骤： 1. 在 <scri 阅读全文
摘要：
组合式 API：一系列函数，有时需要调用这些函数编写组件逻辑。 setup 是组合式 API 的入口，先写 setup，才能往里边写组合式 API 的函数 setup 的执行时机会比 beforeCreate 生命周期钩子还要早，因此 setup 函数中获取不到 this setup 选项的写法：（ 阅读全文
摘要：
create-vue 是 Vue 官方新的脚手架工具，底层切换到了 vite（下一代构建工具），为开发提供极速响应 使用 create-vue 创建项目： 1. 前提环境条件： 已安装 16.0 或更高版本的 Node.js（node -v） 2. 创建一个 Vue 应用：npm init vue 阅读全文
摘要：
更容易维护、更快的速度、更小的体积、更优的数据响应式 阅读全文
摘要：
模块拆分： 1. 在 store 文件夹下再新建文件夹 modules，在 modules 下新建 xxx.js 文件： eg：新建 user.js 文件 const state = { userInfo: { name: 'zs', age: 18 }, score: 80 } const mut 阅读全文
摘要：
actions：处理异步操作 需求：一秒钟之后，修改 state 的 count 成 200 说明：mutations 必须是同步的（便于监测数据变化，记录调试） actions 本质上不是直接修改 state 的数据，因为要修改 state 必须要经过 mutations，所以就算想要处理异步，也 阅读全文