IT入门 > 教程 >

v-model

div class="explain"> 你可以用 v-model 指令在表单 input、textarea 及 select 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 信息是: {{msg }}...

v-model

你可以用 v-model 指令在表单 input、textarea 及 select 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 信息是: {{msg }}...

key

key 为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。理想的 key 值是每项都有的唯一 id。 {{item}} var app=new Vue(...

列表渲染-索引

索引 {{item.name}}-{{index}}-{{item.age}} 结果是 mumu-0-18 zql-0-22 曾庆林-0-28...

列表-对象输出

对象循环输出 {{item.name}}--{{item.age}} var app=new Vue({ el:'#app', data:{ items:[ {name:"mumu", age:18}, {name:"zql", age:22}, {name:"曾庆林", age:28}, ] } })...

列表渲染

我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。 基本用法 {{item}} var app=new Vue...

条件指令 v-if

指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 真 值的时候被渲染。 你好，木木！ 也可以用 v-else 添加一个“else 块”： 请登录后操作 你好：木木 请登录后操作...

使用 JavaScript 表达式

在我们的模板中，我们一直都只绑定简单的属性键值。但实际上，对于所有的数据绑定，Vue.js 都提供了完全的 JavaScript 表达式支持。 {{4+5}} {{ ok ? '是的' : '不是' }} {{['木木','曾庆林']....

属性绑定

给html标签绑定一个属性值应该使用 v-bind:属性名称 以下代码给h1绑定一个新的id和title属性 我是一行快乐的标题 渲染结果是： 我是一行快乐的标题 绑定属性也是可以直接简写： 我是一...

文本语法

文本 数据绑定最常见的形式就是使用{{}}语法 (双大括号) {{message}} 也可以使用v-bind方法 html文本 双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用...