- 博客(7)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue 7. 事件处理
本文主要包含以下知识点： 事件绑定 修饰符 事件修饰符 按键修饰符 组件上的事件绑定 事件绑定 在前面的章节中，我们已经演示过了在 Vue 中如何进行事件的绑定。 例如： <body> <div id="app"> <p @click="test">Lorem ipsum dolor sit amet.</p> ...
2020-03-30 11:55:33
174
原创 Vue 6. 列表渲染
本文主要包含以下知识点： 使用 v-for 进行列表渲染 数组更新检测 使用 v-for 进行列表渲染 使用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组，item 是数组元素迭代的别名。 下面是一个 v-for 的示例： <body> <div id="app">...
2020-03-30 11:40:05
144
原创 Vue 5. 条件渲染
本文主要包含以下知识点： 使用 v-if 进行条件渲染 使用 key 属性 使用 v-show 进行条件渲染 v-if 和 v-for 同时使用 使用 v-if 进行条件渲染 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值的时候被渲染。 例如： <body> <div id="app"> <p v-if="see...
2020-03-26 07:49:22
181
原创 Vue 4. class 与 style 绑定
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。 因为它们都是属性，所以我们可以用 v-bind 来处理它们，只需要通过表达式计算出字符串结果即可。 不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。 本文主要包含如下知识点： 绑定 HTML Class 对象语...
2020-03-25 22:17:26
200
原创 Vue 3. 计算属性和侦听器
本文主要包含以下知识点： 计算属性 计算属性缓存 vs 方法 计算属性的 setter 数据观察 计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 例如： ... <div id="example"> {{ message.split('').reverse().join('') }} </di...
2020-03-25 22:11:19
304
原创 Vue 2. 模板语法
在前面，我们介绍了 Vue 一个最核心的功能，数据和 DOM 元素进行绑定，数据一旦改变，DOM 元素也会重新进行渲染。 本文中，我们就一起来看一下在数据不变的情况下，在页面中的不同渲染方式。 本文主要包含以下知识点： 插值 文本 原始 HTML 特性 动态参数 使用 JavaScript 表达式 缩写 v-bind 缩写 v-on 缩写 插值 1. 文本 文本插值是最基本的渲染方...
2020-03-25 21:58:43
164
原创 Vue 1. 初识 Vue
本文主要包含以下知识点： Vue 基本介绍 Vue 的安装 快速入门案例 生命周期 Vue 与 jQuery 对比 Vue 基本介绍 Vue 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。其核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为...
2020-03-17 09:24:33
218
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人