IT入门 > 教程 >
  • 修饰符

    2019/03/21 点击:4664

    在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步: .number 如果想

  • 使用 JavaScript 表达式

    2019/04/29 点击:3085

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

  • 条件指令 v-if

    2019/04/29 点击:4588

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

  • v-show指令

    2019/04/29 点击:1376

    另一个用于根据条件展示元素的选项是 v-show 指令 Hello! v-show 只是调整css中display属性,DOM已经加载,只是CSS控制没有显示出来。 v-if: 判断是否加载,可以减轻服务器的压力,在需要时

  • 列表渲染

    2019/07/14 点击:4945

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

  • 对象循环输出

    2019/04/29 点击:6988

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

  • 索引

    2019/04/29 点击:5274

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

  • key

    2019/04/29 点击:4719

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

  • 监听事件

    2019/05/04 点击:13037

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

  • 事件处理方法

    2019/05/04 点击:8323

    问候