vue實戰(zhàn)教程（如何用腳手架開發(fā)一個項目）

1、目錄 vue 實戰(zhàn)教程 ........................................................................................................................................... 1 前言 ..............................................................

2、............................................................................................ 2 運用 vue 腳手架搭建開發(fā)環(huán)境 ............................................................................................................

3、.. 2 一， 什么是 vue 腳手架 ........................................................................................................................ 2 二， 安裝腳手架之前準備工作 ..............................................................

4、.............................................. 3 1. 安裝 node.js 和 npm................................................................................................................... 3 2， 安裝 vue-cli 腳手架構建工具 ............

5、..................................................................................... 4 三， 用 vue-cli 創(chuàng)建項目 ..................................................................................................................

6、.. 4 四， 項目文件的介紹 ............................................................................................................................ 9 五， 介紹實踐項目的功能以及需要了解的技術 .......................................................

7、....................... 10 六， 開始項目開發(fā) .............................................................................................................................. 12 首頁制作 ................................................

8、................................................................................................ 12 路由配置 ...................................................................................................................

9、............................. 17 報表界面的制作 .................................................................................................................................... 24 表格界面的制作 ...................................

10、................................................................................................. 37 表格的增刪除改查 ..............................................................................................................

11、.................. 53 第一個地方：新增 ................................................................................................................................ 77 第二個地方：修改 ................................................

12、................................................................................ 78 第一處：在新增彈出框界面里，點擊確定時調(diào)用。......................................................................... 80 第二外：在修改彈出框界面里，點擊確定時調(diào)用。...............

13、.......................................................... 81 vue vue 實戰(zhàn)教程 實戰(zhàn)教程 作者：零下一度 前言 前言 最近一兩年前端開發(fā)提倡前后端分離，組件化開發(fā)，因而很多企業(yè)項目開發(fā)， 都不在使用純的 hmtl+css+jquery， 而是使用如： React、Vue、Angular 這三個框架來搭建前端界面。我所在的公司也要趕潮流， 沒辦法作為前端技術人員只能順勢

14、而為， 因此我們現(xiàn)在的所有新項目都采用的是 vue 框架來搭建前端界面。 在我們剛剛采用 vue 搭建前端項目的時候， 發(fā)現(xiàn)非常痛苦， 因為這從 node 官網(wǎng)下載并安裝 node，安裝步驟很簡單，只要一路“next”就可以了。 安裝完成后，打開命令行工具輸入命令 node -v，如下圖，如果出現(xiàn)對應版本號，就說明安裝成功了。 我們所需要的 npm 包管理器，是集成在 node 中的，所以，直接輸入 npm -v 就會如下圖所示，顯示出