zoukankan      html  css  js  c++  java
  • vue-指令

    指令
      钩子函数
        bind: 只调用一次,第一次绑定到元素时调用,这个钩子函数可以定义一个在绑定时执行一次的初始 化动作。
        inserted: 被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于 document 中)。
        update: 被绑定元素所在的模板更新时调用,而不论绑定值是否变化。通过比较更新前后的绑定值, 可以忽略不必要的模板更新(详细的钩子函数参数见下)。
        componentUpdated: 被绑定元素所在模板完成一次更新周期时调用。
        unbind: 只调用一次, 指令与元素解绑时调用。
      钩子函数参数
        el: 指令所绑定的元素,可以用来直接操作 DOM 。
        binding: 一个对象,包含以下属性:
        name: 指令名,不包括 v- 前缀。
        value: 指令的绑定值, 例如: v-my-directive="1 + 1", value 的值是 2。
        oldValue: 指令绑定的前一个值,仅在 update 和 componentUpdated 钩子中可用。无论值 是否改变都可用。
        expression: 绑定值的字符串形式。 例如 v-my-directive="1 + 1" expression 的值是 "1 + 1"。
        arg: 传给指令的参数。例如 v-my-directive:foo, arg 的值是 "foo"。
        modifiers: 一个包含修饰符的对象。 例如: v-my-directive.foo.bar, 修饰符对象 modifiers 的值是 { foo: true, bar: true }。
        vnode: Vue 编译生成的虚拟节点,查阅 VNode API 了解更多详情。
        oldVnode: 上一个虚拟节点,仅在 update 和 componentUpdated 钩子中可用。

    如果只需要bind的时候可以简写,function(){} 替代原来的{bind:function(){}}

  • 相关阅读:
    LR(0)分析法
    算符优先法之优先表构造
    自上而下的LL(1)语法分析法
    K倍区间
    全排列
    mysql自动获取时间日期
    限制
    JQuery
    LinQ 组合查询与分页
    LinQ 简单使用
  • 原文地址:https://www.cnblogs.com/ehuanrum/p/6907315.html
Copyright © 2011-2022 走看看