zoukankan      html  css  js  c++  java
  • 指令

    指令本质是属性

    作用过程:当表达式的值有所改变,使DOM也发生相应的改变

    directives attribute

    参数:

    位置是指令在指令后

    形式是 :args

    动态参数:

     注意,参数表达式的写法存在一些约束,如之后的“对动态参数表达式的约束”章节所述。

    <a v-bind:[attributeName]="url"> ... </a>

    attributeName是一个表达式,进一步计算后成为结果。

    <a v-on:[eventName]="doSomething"> ... </a>

    当 eventName 的值为 "focus" 时,v-on:[eventName] 等价于 v-on:focus

    动态参数有两种形态:第一种是表象,也就是看到的那样;第二种是计算后的结果,结果会产生作用。

    形式上要合乎语法。某些字符,如空格和引号,放在HTML attribute名中无效。

    <!-- 这会触发一个编译警告 --> 

    <v-bind:['foo' + bar]="value"> ... </a>

    结果一般为字符串,异常时为null(可以被显性地用于移出绑定),值为其它的非字符串型时会触发一个警告。

    在 DOM 中使用模板时 (直接在一个 HTML 文件里撰写模板),还需要避免使用大写字符来命名键名,因为浏览器会把 attribute 名全部强制转为小写:

    <!-- 在 DOM 中使用模板时这段代码会被转换为 `v-bind:[someattr]`。 除非在实例中有一个名为“someattr”的 property,否则代码不会工作。 -->

    <a v-bind:[someAttr]="value"> ... </a>

    修饰符

  • 相关阅读:
    跨域与跨域访问
    bootstrap.min.css.map作用
    CSS
    http协议
    djngo未整理
    redis安装及配置
    git 基础
    yum安装报错
    Go语言与区块链开发(转载)
    electron实现MessageBox
  • 原文地址:https://www.cnblogs.com/flyover/p/14188175.html
Copyright © 2011-2022 走看看