PAEA-技术源于分享-Vue

Vue

《和小米一起学Vue.js》— 数据过滤

孤狼 |

2022-07-29 |

Vue |

1513°C

有时，我们想要显示一个数组经过过滤或排序后的版本，而不进行实际变更或重置原始数据。在这种情况下，可以创建一个计算属性或过滤器，来返回过滤或排序后的数组。

数据过滤

和小米一起学Vue.js

Vue.js

javascript

vue

阅读全文

《和小米一起学Vue.js》— 列表渲染

孤狼 |

2022-07-29 |

Vue |

1578°C

在页面中，最常见的莫过于列表，通常我们都是后台直接使用for循环遍历数组拼装成html页面，然后替换进模板里来展示，不过Vue只获取数据，所以这部分也要vue自己来实现。

列表渲染

和小米一起学Vue.js

Vue.js

javascript

vue

阅读全文

《和小米一起学Vue.js》— 条件渲染

孤狼 |

2022-07-29 |

Vue |

1425°C

在显示过程中，以往都是后台程序判断数据之后来控制元素是否显示，或者通过js来控制css样式切换来控制。现在在vue中可以通过v-if指令来控制。

条件渲染

和小米一起学Vue.js

Vue.js

javascript

vue

阅读全文

《和小米一起学Vue.js》— 事件监听

孤狼 |

2022-07-29 |

Vue |

1535°C

Vue还有个强大的功能就是事件监听机制。事件处理器的值可以是事件被触发时执行的内联 JavaScript 语句也可以是一个组件的属性名、或对某个方法的访问。

事件监听

和小米一起学Vue.js

Vue.js

javascript

vue

阅读全文

《和小米一起学Vue.js》— 计算属性

孤狼 |

2022-07-29 |

Vue |

1400°C

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。所以我们需要一个能进行大量运算的计算属性。

计算属性

和小米一起学Vue.js

Vue.js

javascript

vue

阅读全文

《和小米一起学Vue.js》— 绑定属性

孤狼 |

2022-07-29 |

Vue |

1329°C

数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 把一个动态的字符串赋值给它们。然而通过字符串拼接生成这些值是麻烦且易出错的。因此，Vue 专门为 class 和 style 的 v-bind 用法提供了特殊的功能增强。除了字符串外，表达式的结果还可以是对象或数组。

绑定属性

和小米一起学Vue.js

Vue.js

javascript

vue

阅读全文

首页上一页 1 2 3 4 5 6 7 下一页末页

关于 · 作者

QQ交流给我邮件

交流群恩赐

最热 · 文章

友情 · 链接

综合 · 搜索