标签 v-for 下的文章

基本示例 组件的定义： // 定义一个名为 button-counter 的新组件 Vue.component('button-counter',{ data:function(){ return{ count:0 } }, template:'<button v-on:click="count++">...

基础语法 可以使用v-model指令在表单< input/>、< textarea/>及< select>等元素上创建双向数据绑定，会根据控件类型自动选取方法更新元素。 v-model会忽略所有表单的元素value、checked、select元素的初始值，总是将Vue实例的数据作为数据来源，需要在data属性中声明初始值。 v-model在内部使用不同的...

使用v-for把一个数组对应为一组元素 我们使用v-for指令根据一组数组的选项列表进行渲染，v-for指令需要使用item in items这样的特殊语法，items是源数据，item是根据源数据迭代的别名 <ul id="example-1"> <li v-for="item in items"> {{ item.message }} </l...

v-if v-if指令用于条件性的渲染一块内容，在表达式为true的时候渲染 <h1 v-if="awesome">Vue is awesome!</h1> 也可以用v-else加上一个else块 <h1 v-if="awesome">Vue is awesome~</h1> <h1 v-else>Oh</h1> #在...