Vue基础

概述

Vue.js（读音 /vjuː/，类似于view） 是一套构建用户界面的渐进式框架。Vue 采用自底向上增量开发的设计，核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动（[注意]由于Vue使用getter/setter等ES5特性，所以兼容到IE9）

何为渐进式框架？

​

编辑切换为居中

添加图片注释，不超过 140 字（可选）

如果只使用Vue最基础的声明式渲染的功能，则完全可以把Vue当做一个模板引擎来使用

　　如果想以组件化开发方式进行开发，则可以进一步使用Vue里面的组件系统

　　如果要制作SPA(单页应用)，则使用Vue里面的客户端路由功能

　　如果组件越来越多，需要共享一些数据，则可以使用Vue里的状态管理

　　如果想在团队里执行统一的开发流程或规范，则使用构建工具

　　所以，可以根据项目的复杂度来自主选择使用Vue里面的功能

SPA的介绍

Vue.js是属于SPA一员。SPA英文全称：Single Page web Application ，简称：SPA

中文全称：单页web应用。整个应用就一个页面，客户端页面通过与服务端的交互动态更新页面中的内容。

MVVM分层思想

Vue.js使用了前端中常用的分层思想MVVM。

MVVM分为M、V、VM

M（model）也就是页面中单独数据

V（view）是页面中HTML结构

VM（view-model）当V需要调用M中数据时，有VM做中间处理

Vue中的名词解释

1 Node.js

对Chrome V8引擎进行了封装，使得JavaScript能够脱离浏览器环境，独立运行（给我的感觉是写了一个项目，项目中只有页面相关代码，发布到tomcat中进行运行，可以浏览器访问这些页面内容）。同时能通过Node.js直接访问数据库的能力。

目前前端市场都是使用基于Node.js的框架。而不是直接使用Node.js。

前后端分离之所以前端项目能够独立运行就是借助Node.js.

2 npm

npm是Node.js中的一个工具。通过npm可以实现一些组件的安装。效果和Linux中的yum有类似。

使用Node.js时不是一下所有东西都能下载下来，有一些是第三方提供的，有些是插件，当需要使用这些东西的时候，通过npm install 进行安装即可。

3 webpack

是前端开发中的项目管理工具。和我们在开发Java时Maven的作用类似。

4 Vue-cli

Vue-cli是Vue.js的客户端工具。通过Vue-cli可以实现Vue项目脚手架功能等，进行快速搭建。

5 cnpm

淘宝镜像提供的工具。解决了npm使用国外地址下载资源慢的问题。需要安装淘宝镜像后就可以使用了。