重新过Vue文档---数据与方法(一)

143 阅读2分钟
vue可以干啥

不仅可以把数据绑定到 DOM 文本或 attribute,还可以绑定到DOM结构

什么是组件?

组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。

文档看到这句话,想起有次面试官问我怎么理解组件的,感觉没有回答好下次这样回答应该听起来比较专业吧。

image.png

平时项目写组件比较随意,偶尔会直接在子组件请求的数据。之后写代码要规范一点,数据要从父组件传过去。

数据

当一个Vue实例被创建时,它将data对象中的所有property加入到Vue的响应式系统中。当这个property的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。

image.png

只有当实例被创建时就已经存在于 data 中的 property 才是响应式的

image.png

image.png

因为平时不是这样定义data的这里有点似懂非懂的感觉。大概意思应该时候把数据放在实例里面,当数据发生改变视图才会重新渲染,只有这样才是响应式。

如果不想发生响应式怎么办?

好像项目中没有用到过,但是先记下来吧。 Object.freeze() 这个方法(应该是叫方法)会组织修改现有的property,意味着响应系统无法再追踪变化。 image.png

Vue实例还有一些有用的实例property与方法。他们都有前缀$,方便与用于定义的property区分开来。

image.png

其实这个我有点看不太懂。

这一章的标题是数据与方法,数据应该说的就是data、响应式,方法应该是$的那块。下一章说的是声明周期。 这章的疑问点就先放在这里,请杨先生抽时间帮我解答一下,等我搞明白以后再写一篇相关不懂点的笔记。