2020.11.02Vue简介与安装

目录

• Vue介绍
• 安装

简介

• 现在主流的前端框架之一，通过组件化开发 复用代码块简约前端开发。

• Vue的核心库只关注视图层。

• 其他功能需要和第三方库结合。

• 提高开发效率，帮助减少不必要的dom操作；双向数据绑定，通过框架提供的指令，前端只需要关注业务逻辑，不再关心dom如何渲染。

• Vue的主要特点大概罗列：

  • 自动化的UI状态管理
  • 虚拟DOM（Vue中将不再像传统操作通过DOM获取节点取值）
  • 组件化开发（类似于Java当中抽象的原理）
  • 双向绑定（表单元素value值通过v-model进行双向绑定）
  • 借鉴MVVM模式（Model-View-ViewModel 本质上就是MVC 的改进版）
  • 单向数据流（数据传递只能通过父传子，兄弟之间只能通过父元素传递数据）

安装Vue

• vue-cli工具提供了构建vue项目的功能。

//安装vue-cli
npm install -g@vue/cli

• 创建项目

vue create vue-demo

• 也可通过vue-cli提供的可视化界面创建和管理项目

// 打开vue-cli的UI界面
vue ui

• 下载第三方库

//项目中会用到第三方库，使用npm下载它们。
npm install --save axios mockjs vue-router vuex element-ui

• 启动项目

yarn serve
//或者
npm run serve