【轻松学vue】vue.js基础入门教程（一）介绍&安装

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

虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。

Mvvm定义：MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】是mvvm模式的核心，它是连接view和model的桥梁。

它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定；二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。

二、安装
vue有两种应用场景：（引入js文件和使用vue-cli脚手架）

1. 引入js脚本文件
   应用在正常的html文件中，项目大多采用前后端分离形式去构建
2. vue-cli脚手架
   依赖于Node.js作为运行环境，适合构建大型应用。
   安装使用Node.js提供的npm命令，npm 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。（具体使用步骤，后面继续说明）

QQ：732005030
扫码加微信