程序員的一天vue+node+mysql(二)

路由

這個爲項目大概的目錄結構，作到後臺的時候會繼續添加

接下來重點介紹路由

1.首先肯定安裝了路由，或者是直接在項目裏安裝，或者在package.json中寫入安裝，或者cnpm install --save vue-router，均可以

我以爲最好能在package.json中體現出來最好

2.編寫路由

若是你有ui的話，ui會把頁面給你，頁面結構的話不用你操心，若是像我這樣所有靠本身或者本身想作點什麼的話，最好提早把頁面目錄考慮好

我這個demo頁面比較簡單 業務邏輯先放在一邊 ，也就兩個大頁面  一個是登錄頁 一個是內容頁 內容頁裏邊有幾個子頁面 ，好了，do it！

首先是模塊的加載，用的是require.ensure 

require.ensure的用法和好處參考這裏

http://www.css88.com/doc/webpack2/guides/code-splitting-require/

http://cnodejs.org/topic/586823335eac96bb04d3e305

組件的引入和使用

路由的編寫

來分析一下以上的路由

vue的思想：全部的vue文件都是組件，父組件中有子組件，這裏邊最大的組件是App,兩個大頁面包含在這個大的父組件中，children很好的說明了父子關係

以後path和component 是url和組件的映射關係

特別注意的是  {path: '', redirect: '/login'} 這裏邊是作了一個過濾 ，若是url爲空的話指向的也是login頁面 

3.main.js中引入路由

仍是那幾步

引入

ues

實例化

做爲參數傳遞給vue對象

4.驗證

簡單編寫好頁面後(過程省略)，驗證一下

成功！！