
上QQ阅读APP看书,第一时间看更新
1.4.1 Vue实例
Vue应用程序由Vue实例组成,每个应用程序至少包含一个Vue实例。在为组件编写单元测试时,需要使用被测组件创建Vue实例。
例1.3是一个简单的Vue应用程序示例。要启动应用程序,需要通过选项对象创建一个新Vue实例。Vue使用el选项查找DOM节点,并渲染模板字符串生成的节点。
注释 书中假设你熟悉DOM,如果你不熟悉,可以在MDN(http://mng.bz/k5iQ)上阅读相关介绍。
例1.3 创建一个Vue实例


创建一个Vue实例生成DOM节点的过程称为挂载实例。如果我之前已经完成了一个Vue应用程序的编写,就会有一个可以启动应用程序运行的已挂载的Vue实例。
注释 如果对Vue实例的内容仍然感到困惑,可以在Vue文档中阅读相关内容(https://vuejs.org/v2/guide/instance.html)。
例1.3中的示例是使用一个模板字符串来描述Vue生成的DOM节点。我们可以使用多种不同的方法来描述Vue应渲染的DOM节点,现在就让我们来了解一下这些方法。