m0_73882020的博客

编写方式：异步action函数的写法和组件中获取异步数据的写法完全一致。

计算属性基本思想和Vue2的完全一致，组合式API下的计算属性只是修改了写法Vue3的生命周期API （选项式 VS 组合式）defineProps 原理：就是编译阶段的一个标识，实际编译器解析时，遇到后会进行编译转换通过ref标识获取真实的dom对象或者组件实例对象顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信。

(2) immediate: true 初始化立刻执行一次handler方法。作用：监视数据变化，执行一些 业务逻辑 或 异步操作。(1) deep: true 对复杂类型深度监视。① 简单写法 → 简单类型数据，直接监视。② 完整写法 → 添加额外配置项。

使用局部注册方法① v-指令名 = "指令值" ，通过 等号 可以绑定指令的值② 通过 binding.value 可以拿到指令的值③ 通过 update 钩子，可以监听指令值的变化，进行dom更新操作。

概念：基于现有的数据，计算出来的新属性。依赖的数据变化，自动重新计算。① 声明在 computed 配置项中，一个计算属性对应一个函数。② 使用起来和普通属性一样使用 {{ 计算属性名 }}计算属性 → 可以将一段 求值的代码 进行封装。作用：封装了一段对于数据的处理，求得一个结果。作用：给实例提供一个方法，调用以处理业务逻辑。{{ 方法名() }} @事件名="方法名"① 写在 computed 配置项中。② 作为属性，直接使用 →。② 作为方法，需要调用 →。{{ 计算属性 }}

常见的表单元素都可以用 v-model 绑定关联 → 快速 获取 或 设置 表单元素的值。它会根据 控件类型 自动选取 正确的方法 来更新元素。

目标：掌握 mutations 的操作流程，来修改 state 数据。(state数据的修改只能通过 mutations )

scoped原理。data 是一个函数。

4.git --global user.name '' 你的用户名'' git --global user.email '' 你的邮箱''完整写法：git push --set-upsteam origin master:master。第一次设置时，需要输入用户名和密码，去gitee找你的个人信息，如下图。4. git remote add 远程仓库别名 远程仓库地址。3. git -v 查看git的版本号，确保git正确安装。5. git push -u 远程仓库别名 本地仓库分支。

v-html = "表达式 " → 动态设置元素 innerHTML,用于输出HTML内容。2. 语法： v-show = "表达式" 表达式值 true 显示， false 隐藏。2. 语法： v-if = "表达式" 表达式值 true 显示， false 隐藏。Ø 省略 index: v-for = "item in 数组"2. 语法： v-else v-else-if = "表达式"② v-on:事件名 = "methods中的函数名"2. 语法： v-bind:属性名="表达式"

作用：让组件内部的一些 结构 支持 自定义插槽基本语法：1. 组件内需要定制的结构部分，改用占位2. 使用组件时, 标签内部, 传入结构替换slot。

Vue生命周期过程中，

通过 "." 指明一些指令 后缀，不同 后缀 封装了不同的处理操作 → 简化代码。

组件通信, 就是指 组件与组件 之间的数据传递。⚫ 组件的数据是独立的，无法直接访问其他组件的数据。⚫ 想用其他组件的数据 → 组件通信。

Vue中路由：路径 和 组件 的 映射 关系。

适用场景：一个类名，来回切换 适用场景：批量添加或删除类 :class="['pink', 'big']"① 对象 → 键就是类名，值是布尔值。如果值为 true，有这个类，否则没有这个类。② 数组 → 数组中所有的类，都会添加到盒子上，本质就是一个 class 列表。语法 :class = "对象/数组"语法 :style = "样式对象"适用场景：某个具体属性的动态设置。

1. 核心包传统开发模式：基于 html / css / js 文件，直接引入核心包，开发 Vue。2. 工程化开发模式：基于构建工具（例如：webpack ) 的环境中开发 Vue。举例如下图。

v-model原理

JavaScript Standard Style 规范说明: https://standardjs.com/rules-zhcn.html。