- 博客(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
172
原创 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
143
原创 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
178
原创 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
162
原创 Vue 1. 初识 Vue
本文主要包含以下知识点：Vue 基本介绍Vue 的安装快速入门案例生命周期Vue 与 jQuery 对比Vue 基本介绍Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。其核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为...
2020-03-17 09:24:33
216
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人