Vue
孤狼 | 2022-07-29 | Vue | 1021°C
《和小米一起学Vue.js》— 数据过滤
有时,我们想要显示一个数组经过过滤或排序后的版本,而不进行实际变更或重置原始数据。在这种情况下,可以创建一个计算属性或过滤器,来返回过滤或排序后的数组。
数据过滤和小米一起学Vue.jsVue.jsjavascriptvue
 
孤狼 | 2022-07-29 | Vue | 1040°C
《和小米一起学Vue.js》— 列表渲染
在页面中,最常见的莫过于列表,通常我们都是后台直接使用for循环遍历数组拼装成html页面,然后替换进模板里来展示,不过Vue只获取数据,所以这部分也要vue自己来实现。
列表渲染和小米一起学Vue.jsVue.jsjavascriptvue
 
《和小米一起学Vue.js》— 条件渲染
在显示过程中,以往都是后台程序判断数据之后来控制元素是否显示,或者通过js来控制css样式切换来控制。现在在vue中可以通过v-if指令来控制。
条件渲染和小米一起学Vue.jsVue.jsjavascriptvue
 
孤狼 | 2022-07-29 | Vue | 1076°C
《和小米一起学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
 
综合 · 搜索