IT入门 > 教程 > vue教程 > 基础指令 >
  • 复选框

    2019/05/03 点击:11376

    lt;div class=quot;explainquot;gt; lt;input type=quot;checkboxquot; id=quot;checkboxquot; v-model=quot;checkedquot;gt; lt;label for=quot;checkboxquot;gt;{{ checked }}lt;/labelgt; lt;/divgt;

  • 多个复选框

    2019/04/29 点击:9189

    div id=app input type=checkbox id=name1 value=木木 v-model=checkedNames label for=name1木木/label input type=checkbox id=name2 value=曾庆林 v-model=checkedNames label for=name2曾庆林/label input type=checkbox id=name3 value=mumu v

  • 修饰符

    2019/05/04 点击:7673

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

  • 计算属性

    2019/05/04 点击:8641

    模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: {{ msg.split('').reverse().join('') }} ,这里是想要显示变量 m

  • 侦听器

    2019/05/04 点击:9809

    p>Vue 通过 watch 来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。 计数器: {{ num }} 点我 每次点击按钮都会输出: num变化 :1变为2! num变化 :2变

  • 对象变化监听

    2019/05/04 点击:12002

    我们需要监听对象的属性值是否发生改变用 计数器: {{ num }} 点我

  • 自定义指令

    2019/04/29 点击:8548

    除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦点 页面载入时,input 元素自动获取

  • 指令的值数据-简写

    2019/04/29 点击:12346

    p>在很多时候,你可能想在 bind 和 update 时触发相同行为,而不关心其它的钩子 div id=app p页面载入时,input 元素自动获取焦点:/p input v-focus=true/div script// 创建根实例new Vue({ el: #app, dire

  • 类的绑定

    2019/04/29 点击:8268

    操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们 Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型

  • 绑定多个class

    2019/04/29 点击:4867

    p>你可以在对象中传入更多属性来动态切换多个 class data 如下 data: { isActive: true, hasError: false} 渲染结果为