最新文章
《和小米一起学Vue.js》— 列表渲染
在页面中,最常见的莫过于列表,通常我们都是后台直接使用for循环遍历数组拼装成html页面,然后替换进模板里来展示,不过Vue只获取数据,所以这部分也要vue自己来实现。
列表渲染和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 条件渲染
在显示过程中,以往都是后台程序判断数据之后来控制元素是否显示,或者通过js来控制css样式切换来控制。现在在vue中可以通过v-if指令来控制。
条件渲染和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 事件监听
Vue还有个强大的功能就是事件监听机制。事件处理器的值可以是事件被触发时执行的内联 JavaScript 语句也可以是一个组件的属性名、或对某个方法的访问。
事件监听和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 计算属性
模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。所以我们需要一个能进行大量运算的计算属性。
计算属性和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 绑定属性
数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute,我们可以和其他 attribute 一样使用 v-bind 把一个动态的字符串赋值给它们。然而通过字符串拼接生成这些值是麻烦且易出错的。因此,Vue 专门为 class 和 style 的 v-bind 用法提供了特殊的功能增强。除了字符串外,表达式的结果还可以是对象或数组。
绑定属性和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 常用指令
在Vue中有着一些特殊的“属性”,他们被称为指令。指令 (Directives) 是带有 v- 前缀的特殊属性。指令属性的值预期是单个 JavaScript 表达式。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。那么我们来看看有哪些常用的插值指令吧。
指令和小米一起学Vue.jsVue.jsjavascriptvue
 
综合 · 搜索