IT入门 > 教程 > vue教程 > 基础指令 >

  • key

    日期:2019-04-29 10:25:00 点击:4706 好评:0

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

  • 索引

    日期:2019-04-29 10:24:19 点击:5266 好评:0

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

  • 对象循环输出

    日期:2019-04-29 10:23:54 点击:6966 好评:0

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

  • v-show指令

    日期:2019-04-29 10:22:27 点击:1364 好评:0

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

  • 条件指令 v-if

    日期:2019-04-29 10:21:55 点击:4572 好评:0

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

  • 使用 JavaScript 表达式

    日期:2019-04-29 10:21:36 点击:3074 好评:4

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

  • 修饰符

    日期:2019-03-21 21:57:17 点击:4639 好评:0

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

  • 复选框

    日期:2019-03-21 21:56:36 点击:1347 好评:2

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

  • 按键修饰符

    日期:2019-03-21 21:55:34 点击:4235 好评:0

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

  • 事件修饰符

    日期:2019-03-21 21:51:03 点击:6734 好评:0

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

广告位API接口通信错误,查看德得广告获取帮助