IT入门 > 教程 >
  • 列表渲染

    2020/09/01 点击:9208

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

  • 列表-对象输出

    2020/09/01 点击:12161

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

  • 列表渲染-索引

    2020/09/01 点击:11593

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

  • key

    2020/09/01 点击:12040

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

  • 事件监听

    2019/03/21 点击:5031

    可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。 加 1 按钮被点击了 {{ counter }}次. var example1 = new Vue({ el: '#ap', data: { counter: 0 } })

  • 事件处理方法

    2019/03/21 点击:7185

    div class=explain pre class=brush:html div id=app button v-on:click=greet问候/button /div script var app = new Vue({ el:#app, data:{ name:Vue.js }, methods:{ greet:function(event){ // this 在方法里指向当前 Vue 实例 alert(你好+

  • 事件修饰符

    2019/03/21 点击:6750

    在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求 为了解决这个问题,Vue.js 为 v-on 提供了事件修饰符。之前提过,修饰符是由点开头的指令后缀来表示的

  • 按键修饰符

    2019/03/21 点击:4251

    在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: 按键码 使用 keyCode 特性也是允许的: Vue 提供了绝大多数常用的按键码的别名:

  • v-model

    2020/09/01 点击:7486

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

  • 复选框

    2019/03/21 点击:1360

    {{ checked }} 多个复选框 木木 曾庆林 mumu 选择的名字是: {{ checkedNames }}