IT入门 > 教程 > vue教程 > 基础指令 >
  • 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 }}

  • 修饰符

    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 块”: 请登录后操作 你好:木木 请登录后操作