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

    问候

  • 事件修饰符

    2019/04/29 点击:8852

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

  • 按键修饰符

    2019/04/29 点击:4878

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

  • v-model

    2020/09/06 点击:11406

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