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

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

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

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

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

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

6、.. 4 四， 項(xiàng)目文件的介紹 ............................................................................................................................ 9 五， 介紹實(shí)踐項(xiàng)目的功能以及需要了解的技術(shù) .......................................................

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

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

9、............................. 17 報(bào)表界面的制作 .................................................................................................................................... 24 表格界面的制作 ...................................

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

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

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

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

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