4.1　创建应用程序实例

在一个使用Vue.js框架的页面应用程序中，最终都会创建一个应用程序的实例对象并挂载到指定DOM上。这个实例将提供应用程序上下文，应用程序实例装载的整个组件树将共享相同上下文。

在Vue 3.0中，应用程序的实例创建语法规则如下：

应用程序的实例充当了MVVM模式中的ViewModel。createAPP()是一个全局API，它接受一个根组件选项对象作为参数，该对象可以包含数据、方法、组件生命周期钩子等，然后返回应用程序实例本身。Vue 3.0引入createAPP()是为了解决Vue 2.x全局配置代理的一些问题。

创建了应用程序的实例后，可以调用实例的mount()方法，制定一个DOM元素，在该DOM元素上装载应用程序的根组件，这样这个DOM元素中的所有数据变化都会被Vue框架所监控，从而实现数据的双向绑定。

【例4.1】创建应用程序实例（源代码\ch04\4.1.html）。

在组件选项对象中会有一个data()函数，Vue在创建组件实例时会调用该函数。data()函数返回一个数据对象，Vue会将这个对象包装到它的响应式系统中，即转化为一个代理对象，此代理使Vue能够在访问或修改属性时执行依赖项跟踪和改进通知，从而自动渲染DOM。数据对象的每一个属性都会被视为一个依赖项。

在浏览器中运行程序4.1.html，结果如图4-1所示。