6 Matching Annotations
- Oct 2020
-
cn.vuejs.org cn.vuejs.org
-
Style: style也支持对象语法,指令是v-bind:style,操作类似。
-
动态样式可以使用v-bind来进行绑定,对于class和style,vue做了专门的增强。
-
通常做法是:class属性v-bind:class一个对象名,在data对象中增加一个同命对象,对象的某个属性为true时,dom会增加对应的class
Tags
Annotators
URL
-
-
cn.vuejs.org cn.vuejs.org
-
计算属性:
VUE不单可以绑定某个数值到data属性,还可以绑定一个data.computed对象下属性同命的函数到属性,这样每次获取属性值的时候,是通过函数计算获取的。
上述方法也可以通过在data.methords中实现一个函数,并把函数绑定到某个数值来实现。和计算属性的差别在于,计算属性会自动跟踪依赖性,仅当依赖的数值变化时才重新计算。
传统的方法是响应被依赖数值的变化事件,在变化时主动修改依赖的数值。相应式的规则是在需要获取数值的时候再主动计算,多数情况下能减少计算量和复杂度。具体例子中有体现。(VUE实现的依赖传递和被动计算的思想挺巧妙的)
侦听器就是描述上述主动检测变化的方法。
-
-
cn.vuejs.org cn.vuejs.org
-
我理解VUE的用法是:
- VUE实现组件(包括模板、数据绑定的定义)
- 网页结构里面放锚点,挂接VUE实现的组件。
- TODO,实现逻辑的位置还需要再理解。
-
-
cn.vuejs.org cn.vuejs.org
-
模板支持的功能有:插值、指令和缩写。
- 插值就是替换,支持替换内容文本、替换原始HTML和替换HTML的属性,插值还支持JavaScript表达式。
- 指令的作用是给改变增加点逻辑,不只是替换模板内容,而是在表达式的数值发生改变时影响指令指定的dom对象。典型的指令包括v-if。指令可以接受参数、动态参数和修饰符。
-