目录 vue实战教程 1 前言 2 运用vue脚手架搭建开发环境 2 一， 什么是vue脚手架 2 二， 安装脚手架之前准备工作 3 1. 安装node.js和npm 3 2， 安装vue-cli脚手架构建工具 4 三， 用vue-cli创建项目 4 四， 项目文件的介绍 9 五， 介绍实践项目的功能以及需要了解的技术 10 六， 开始项目开发 12 首页制作 12 路由配置 17 报表界面的制作 24 表格界面的制作 37 表格的增删除改查 53 第一个地方：新增 77 第二个地方：修改 78 第一处：在新增弹出框界面里，点击确定时调用。 80 第二外：在修改弹出框界面里，点击确定时调用。 81 vue实战教程 作者：零下一度 前言 最近一两年前端开发提倡前后端分离，组件化开发，因而很多企业项目开发，都不在使用纯的hmtl+css+jquery，而是使用如：React、Vue、Angular这三个框架来搭建前端界面。我所在的公司也要赶潮流，没办法作为前端技术人员只能顺势而为，因此我们现在的所有新项目都采用的是vue框架来搭建前端界面。 在我们刚刚采用vue搭建前端项目的时候，发现非常痛苦，因为这些框架都是刚流行起来的，网上介绍比较少，虽然现在网上的学习文档比较丰富了，但是大多数都是介绍基础知识的，很少有文档在介绍如何在企业开发中运用vue搭建一个项目的前端界面，并和后台实现数据对接。为了让刚刚有vue基础知识，但不知道在项目中如何运行这些技术来实现项目开发的同志一个指导，我整理了这一年运用vue开发项目的实际经验，希望对vue新手能快速进入项目开发有一定的帮助。不用像我当初一样，摸不头，走了很多弯路。 运用vue脚手架搭建开发环境 一，什么是vue脚手架 对于一些基础的，常规的实现，我们利用一种工具，在工具里设置好我们要的效果，让工具来自动生成标准的代码，这种模式叫做脚…