摘要: 基础用法 你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。 它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊 阅读全文
posted @ 2019-11-20 15:23 Mr_Riven 阅读(262) 评论(0) 推荐(0)
摘要: 计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。 在模板中放入太多的逻辑会让模板过重且难以维护。例如: split = 字符中间空格分割, reverse= 反转 join('') = 以空格合并 <div id="example"> {{ message.split(''). 阅读全文
posted @ 2019-11-20 13:20 Mr_Riven 阅读(157) 评论(0) 推荐(0)
摘要: 列表渲染 用 v-for 把一个数组对应为一组元素(for循环) 我们可以用 v-for 指令基于一个数组来渲染一个列表。 v-for 指令需要使用 item in items 形式的特殊语法, 其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。 <ul id="exampl 阅读全文
posted @ 2019-11-20 08:53 Mr_Riven 阅读(158) 评论(0) 推荐(0)