6 Matching Annotations
  1. Oct 2020
    1. Style: style也支持对象语法,指令是v-bind:style,操作类似。

    2. 动态样式可以使用v-bind来进行绑定,对于class和style,vue做了专门的增强。

    3. 通常做法是:class属性v-bind:class一个对象名,在data对象中增加一个同命对象,对象的某个属性为true时,dom会增加对应的class

    1. 计算属性:

      VUE不单可以绑定某个数值到data属性,还可以绑定一个data.computed对象下属性同命的函数到属性,这样每次获取属性值的时候,是通过函数计算获取的。

      上述方法也可以通过在data.methords中实现一个函数,并把函数绑定到某个数值来实现。和计算属性的差别在于,计算属性会自动跟踪依赖性,仅当依赖的数值变化时才重新计算。

      传统的方法是响应被依赖数值的变化事件,在变化时主动修改依赖的数值。相应式的规则是在需要获取数值的时候再主动计算,多数情况下能减少计算量和复杂度。具体例子中有体现。(VUE实现的依赖传递和被动计算的思想挺巧妙的)

      侦听器就是描述上述主动检测变化的方法。

    1. 我理解VUE的用法是:

      1. VUE实现组件(包括模板、数据绑定的定义)
      2. 网页结构里面放锚点,挂接VUE实现的组件。
      3. TODO,实现逻辑的位置还需要再理解。
    1. 模板支持的功能有:插值、指令和缩写。

      • 插值就是替换,支持替换内容文本、替换原始HTML和替换HTML的属性,插值还支持JavaScript表达式。
      • 指令的作用是给改变增加点逻辑,不只是替换模板内容,而是在表达式的数值发生改变时影响指令指定的dom对象。典型的指令包括v-if。指令可以接受参数、动态参数和修饰符。