Vue实例理解

如题所述

第1个回答  2022-06-04

Vue实例是通过Vue函数来创建的。可以传入一个选项对象。一个Vue应用通过创建一个根Vue实例,以及可以嵌套和可复用的组件树组成。可以看出,Vue应用实际上是由组件树组成。

Vue实例被创建时,它将data对象中的所有property加入到Vue响应系统中。当这些property属性值发生改变时,视图更新为新的值。

定义一个对象,赋值给data对象,修改定义的对象的原始数据,也会改变property的值。

数据改变,视图会重渲染,只有当实例被创建时就以及存在于data中的property才是响应的。因此, 也就解释了为什么需要在property时定义初始值 ,这样当发生数据改变会更新。

Vue实例自身暴露了一些有用的实例property与方法,它们都有前缀 el(表示挂载的元素),vm. watch()等。