光脚丫思考Vue3与实战：第03章 Vue实例

下面是本文的屏幕录像的在线视频：

03-Vue实例

04-生命周期示意图+钩子函数

温馨提示：

1、视频下载：线上视频被压缩处理，可以下载高清版本：

03-Vue实例：https://pan.baidu.com/s/1O9lUFm2jRIlBeFrBjXPZIA 提取码：nbzt

03-生命周期示意图+钩子函数：https://pan.baidu.com/s/1D4ndTSgPBNGE8D4_Hcx-1A 提取码：jst4 

2、示例代码：https://pan.baidu.com/s/1OcZ_ZPwxIlEoYRD7coc4gQ 提取码：y9we 

下图是文章大纲：

一、概述

本章介绍如何创建Vue实例，以及实例的数据、方法和生命周期钩子函数等内容。

二、创建Vue实例

每个Vue应用程序都通过使用以下功能创建一个新的应用程序实例：

 

该应用程序实例用于注册“全局变量”，然后可由该应用程序内的组件使用。下面是一个快速实例：

应用程序实例公开的大多数方法都返回相同的实例，从而允许链式调用：

示例代码：01-HelloWorld.html

三、根实例

传递给createApp()的选项用于配置根组件，该组件将用作渲染的起点。需要将应用程序安装到DOM元素中。如下代码所示：
 
与大多数应用程序方法不同，mount它不返回应用程序，而是返回根组件实例。大多数实际应用程序都被组织为嵌套的可重用组件树。