Vue.js简介与安装

Vue.js 是什么

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

两个核心点

响应的数据绑定：当数据发生改变 —> 自动更新视图

组合的视图组件：UI页面映射为组件树，划分组件可维护、可重用、可测试

虚拟DOM（virtual DOM）

大量 的操作DOM会降低js的运行速度，一般在更新数据后悔重新渲染页面，这样造成在没有改变数据的地方也重新渲染了DOM 节点，这样就造成了很大的资源浪费。

vue在内存中生成了与真实DOM对应的数据结构，当数据发生变化时，能智能的计算出重新渲染组件的最小代价并应用到DOM操作上。

MVVM模式

Model-View-ViewModel 的缩写，一种基于前端开发的架构模式，核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。

ViewModel负责连接 View 和 Model，保证视图和数据的一致性，这种轻量级的架构让前端开发更加高效、便捷。

深入理解：https://www.cnblogs.com/goloving/p/8520030.html

安装

①直接用<script>引入

开发版本（包含完整的警告和调试模式）：https://cn.vuejs.org/js/vue.js

生产版本（删除了警告，33.3KB min+gzip）：https://cn.vuejs.org/js/vue.min.js

使用CDN：

最新版本：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

生产环境推荐使用带明确版本号 如：<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

②NPM安装

在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。

npm install vue