VUE简介

vue官网：https://cn.vuejs.org/

vue是一款渐进式javascript框架。

渐进式：主张最少，也就是说vue框架可以整合jquery框架、axios、animate.css等。

#优点：

1.轻量级的数据框架

2.双向数据绑定

3.提供了指令

4.组件化开发

5.客户端路由

6.状态管理

#缺点：

1.Vue 底层基于 Object.defineProperty 实现响应式，而这个 api 本身不支持 IE8 及以下浏 览器，所以Vue不支持IE8及其以下浏览器；

2.Vue 打造的是SPA，所以不利于搜索引擎优化(SEO)；

3.由于 CSR(客户端渲染:Client side render)的先天不足，导致首屏加载时间长，有可能会出现闪屏。

#核心内容：

数据驱动 组件系统

MVVM：

M:model模型，用来提供数据，vue实例中的data属性。

V:view视图，用来提供界面，vue实例的挂载点中的DOM元素就组成视图。

VM:view model视图模型，VM是M模型与V视图之间沟通的桥梁，当页面加载完成后M构型中数据通过VM视图模型绑定到V视图上，同时VM视图模型监听V视图中的DOM元素中的数据是否发生变化，一旦V视图中的DOM元素中的数据发生变化则通过VM视图模型通知M模型中的数据也跟着变化，M模型中的数据如果发生变化则会通过VM视图模型重新绑定(渲染)到V视图上。

SPA：单页面应用

single page application 单页面应用，通过访问路径的重定向来加载不同的内容

SPA的缺点：不利于SEO优化

http://....../#/index 首页

http://....../#/list 列表页

MPA:多页面应用

multi page Application 多页面应用，有利于SEO优化

http://....../index.html 首页

http://....../list.html 列表页

安装方式：

1.cdn [不推荐]

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2.下载vue.js到本地 [不推荐]

<script src="./vue.js"></script>

3.npm [推荐]

npm init

npm i vue@2

<script src="./node_modules/vue/dist/vue.js"></script>

4.脚手架[做项目]