摘要: 列表渲染 用 v-for 把一个数组对应为一组元素 用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。 <div> <ul id="example-3"> < 阅读全文
posted @ 2020-08-23 22:17 金鑫金 阅读(151) 评论(0) 推荐(0) 编辑
摘要: Class 与 Style 绑定 1.绑定HTML Class #对象语法 传给 v-bind:class 一个对象,以动态地切换 class: <div v-bind:class="{ active: isActive }"></div> 上面的语法表示 active 这个 class 存在与否将 阅读全文
posted @ 2020-08-23 18:47 金鑫金 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 计算属性和侦听器 1.计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example-1"> {{ message.split('').reverse().join('') }} </div> var vm 阅读全文
posted @ 2020-08-23 17:40 金鑫金 阅读(141) 评论(0) 推荐(0) 编辑