本文介绍了Vue.js的基础概念，包括它作为渐进式框架的特点，单页应用（SPA）与多页应用（MPA）的区别，以及如何在Vue中操作DOM。重点讲解了MVVM模式，通过改变数据来影响视图，演示了如何使用`v-model`实现双向数据绑定，并介绍了`Object.defineProperty`在实现这一模式中的作用。最后，概述了Vue文件结构和组件生命周期。
注：读本文前已经默认您已经掌握JavaScript、css、html 等相关知识。
1. 什么是VUE.js?
VUE作为一个国产JS框架，与React、Angular三分天下，呈三足鼎立之势。“ vue是一套构建用户界面(UI)的渐进式JavaScript框架"，VUE只本身只专注与视图层（View）,相对于其它框架，VUE具有 体积小、易上手、速度快等特点、而且文档丰富对初学者极其友好！
2. 单页模式（SPA）和多页模式（MPA）
传统的web网站都是多页模式，用户每浏览一个页面需要重新向服务器请求一个页面，而单页应用在你浏览第一个页面时就把全部资源下载下来，基于路由再把当前页面渲染出来。
多页模式：用户点击跳转 —>发起请求 —>下载页面资源—>渲染页面
单页模式：（首屏下载后）用户点击跳转 —>切换组件—>渲染页面
两种模式优点缺点：
3. 操作DOM元素
(1) 原生操作DOM元素
//根据元素ID操作元素
document.
最低0.47元/天 解锁文章
扫一扫
5005
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
