《Web前端开发》课件——任务一 初识Vue.pptxVIP

Web前端开发

项目八浅谈Vue任务一初识Vue

学习目标：知识目标：了解什么是Vue及其工作原理。技能目标：能够配置Vue的开发环境，完成Vue项目创建，熟练使用VisualStudioCode开发工具。素质目标：培养学生解决问题的能力，培养学生实践操作能力。

任务准备：一、Vue的概念Vue是指一个用于构建用户界面的渐进式框架，具有许多独特的功能和优势，它采用组件化的方式来构建用户界面，并且允许开发人员创建可重复使用的组件。这种方法可以极大地简化代码，并提高Web应用程序的可维护性和可重复性，它可以更好地组织与优化程序开发，Vue的核心库只关注视图层，非常容易与其他库或已有项目进行整合，比较容易学习。

任务准备：二、Vue的工作原理Vue的数据驱动是通过MVVM（Model-View-ViewModel）模式来实现的，其基本工作原理如图8.1所示。从图8.1中可以看出，MVVM主要包含三个部分，分别是数据（model）、视图（view）和视图模型（viewmodel）。数据部分主要负责业务数据；视图部分属于DOM，主要负责视图的处理；视图模型是连接视图与数据的数据模型，负责监听数据和视图的修改。在MVVM架构下，数据和视图之间并没有直接的联系，而是通过视图模型进行交互，数据和视图模型之间的交互是双向的，因此视图的变化会同步到数据中，而