光脚丫思考Vue3与实战：第01章 初步认识Vue3

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

01-初步认识Vue.js-PART1

01-初步认识Vue.js-PART2

温馨提示：

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

PART1：https://pan.baidu.com/s/1XNGzWlGekGiXH9rV5hBXqA 提取码：cx3r 

PART2：https://pan.baidu.com/s/1dTcZnpK0Gpw0Au_XPAX-Lw 提取码：3xt8

2、示例代码：https://pan.baidu.com/s/1a00i_BRnZ0F4tsSttI3JTw 提取码：57yy 

下图是文章大纲：

一、概述

Vue（发音为/vjuː/，类似于view）是用于构建用户界面的渐进式框架。与其他整体框架不同，Vue从头开始设计以逐渐采用。核心库仅集中在视图层，并且易于拾取并与其他库或现有项目集成。另一方面，当与现代工具和支持库结合使用时，Vue也完全能够为复杂的单页应用程序提供支持。
常见的高级功能：

• 解耦视图与数据。
• 可复用的组件。
• 前端路由。
• 状态管理。
• 虚拟DOM(Virtual DOM)。

如果您想在开始学习之前了解有关Vue的更多信息，我们创建了一段视频，介绍了核心原则和示例项目。
https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3

 

二、MVVM模式

Vue.js在设计上也使用MVVM(Model-View-ViewModel)模式。
MVVM模式是由经典的软件架构MVC衍生来的。当View(视图层)变化时，会自动更新到ViewModel(视图模型)，反之亦然。View和ViewModel之间通过双向绑定(data-binding)建立联系。

Vue.js通过MVVM的模式拆分为视图与数据两部分，并将其分离。因此&#x