8.Vue框架快速上手.pdfVIP

Vue框架快速上手

教学内容

l第一节前端环境准备

l第二节Vue框架介绍

l第三节Vue快速入门

前端环境准备

n编码工具：VSCode

n依赖管理：NPM

n项目构建：VueCli

Vue框架介绍

nVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。

nVue.js提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。

n其目标是通过尽可能简单的API实现响应式的数据绑定和可组合的视图组件。

MVVM模式

nMVVM是Model-View-ViewModel的缩写，它是一种基于前端开发的架构模

式，其核心是提供对View和ViewModel的双向数据绑定。

nVue提供了MVVM风格的双向数据绑定，核心是MVVM中的VM，也就是

ViewModel，ViewModel负责连接View和Model，保证视图和数据的一致性。

Vue快速入门

n导入vue.js的script脚本文件

n在页面中声明一个将要被vue所控制的DOM区域，既MVVM中的View

n、

n创建vm实例对象（v