《Vue.js 实战》

9787302484929

用了iView,感觉很精髓,故买作者的书,以表敬意。其实看了iView的API对render很感兴趣啊~

第1章 初始Vue.js

第2章 数据绑定和第一个Vue应用

插值与表达式:Vue.js 只支持单个表达式,不支持语句和流程控制。另外,在表达式中,不能使用用户自定义的全局变量,只能使用Vue白名单内的全局变量,如Math和Date。

数据驱动DOM是Vue.js的核心概念,所以不到万不得已时不要主动操作DOM,你只需要维护好数据,DOM的事Vue会帮你优雅的处理。

v-bind的基本用途是动态更新HTML元素上的属性,比如id、class等。

第3章 计算属性

{ { text.split(',').reverse().join('-') } } 引出计算属性。

在一个计算属性里可以完成各种复杂的逻辑,包括运算。函数调用等,只要最终返回一个结果就可以。

计算属性还有两个很实用的小技巧容易被忽略:一个是计算属性可以依赖另一个计算属性;另一个是计算属性不仅可以依赖当前Vue实例的数据,还可以依赖其它实例的数据。

计算属性缓存

  • 为什么有了methods,还需要实现计算属性呢?原因就是计算属性是基于它的依赖缓存的。一个计算属性所依赖的数据发生变化时,它才会重新取值,所以只要依赖不变,计算属性也就不更新。

第4章 v-bind 及 class 与 style 绑定

第5章 内置指令

v-if 与 v-show

v-if 中如果不想复用组件则需要在组件上添加 key 属性

v-if 是真正的条件渲染,它会根据表达式适当地销毁或重建元素及绑定元素或子组件

v-show 只是简单的CSS属性切换,无论条件真与否,都会被编译。

第6章 表单与 v-model

第7章 组件详解

为什么组件的data必须返回一个函数,那是因为如果实例化了多个这个组件,且都引用的是外部对象,则如果一个组件的data某属性变更,则所有组件的data某属性也会跟着变更。

由于HTML特性不区分大小写,当使用DOM模板时,驼峰命名的 props 名称要转为短横分割命名(kabab-case)。但如果杂使用字符串模板,仍然可以忽略这些限制。

在子组件的 自定义属性上 加了v-bind的属性会自动转换响应的类型,如果不加则只会转换成字符串。

Vue 2x 和 Vue 1x 主要区别有一个就是 单向数据流。这是因为让子组件尽可能的与父组件解耦。

在JavaScript中对象和数组都是引用类型,指向同一个内存空间,所以props是对象和数据时,在子组件内改变时会影响父组件的。

第8章 自定义指令

第9章 Render 函数

Last Updated: 7/8/2018, 12:16:29 AM