m0_73882020-CSDN博客

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

2024-07-06 17:01:29 420

原创 vue---v-model 应用于其他表单元素

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

2024-07-06 16:46:44 101

原创 vue---v-bind 对于样式控制的增强

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

2024-07-06 16:24:52 159

原创 vue - 指令修饰符

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

2024-07-03 22:59:14 181

原创 Vue2 的一个小实例和常用指令

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:属性名="表达式"

2024-07-03 22:18:44 353

原创 vscode + git + gitee 的使用

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 远程仓库别名本地仓库分支。

2024-06-28 23:28:49 128

m0_73882020的博客

原创 ESlint 代码规范

原创 vue2 ---- 路由

原创 vue2 ---- 插槽（组件自定义）

原创 vue ---- 自定义指令

原创 vue2 --- watch 侦听器（监视器）

原创工程化开发 & 脚手架 Vue CLI

原创 Vue 生命周期

原创 vue---v-model 原理

原创 vue--组件通信

原创 vue--组件的构成

原创 vue2--Vuex

原创 vue2-计算属性