摘要:
计算属性基本思想和 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,所以就算想要处理异步,也 阅读全文