步驟一：
你已經按照好vue文件了，可以成功運行項目，如沒有按照vue，可以參照我前面的文章，那里面有詳細的步驟
網址：https://www.cnblogs.com/0314dxj/articles/10587271.html
進到你的文件中，就會出現這些：
1.build：主要用來配置構建項目以及webpack
2.config：項目開發配置
3.npm或者cnpm所下載的依賴包
4.你的源代碼
5.靜態文件夾，webpack打包時不會打包這里文件
6.最外層的頁面一般title等都設置在這里
7.存放你要npm依賴包的json數據
二：介紹src文件夾中：
先從這個App.vue開始，這個文件僅此於外部的index意思就是index包含所有頁面，而App.vue包含除了index的頁面，也就是路由嵌套，后面會說到，在這里所創建的文件都是文件名.vue，頁面的html格式就是一個template標簽中包含一個div，相當於組件化的形式，而組件的內容寫在這個div中（一個頁面必須只有一個template包一個div，內容寫在這個div中，不然會報錯），而這個router-view標簽就是當前頁面下的子頁面，可以理解成這個router-view是另一個頁面，被當前頁面所包含着，有點類似ifame標簽的功能。
介紹一下HelloWord.vue這個就是另外一個頁面，這里js，css的代碼放置格式它已經幫你寫出來了，按照這種格式寫就行了，需要提醒的就是style標簽中的scoped屬性，如果沒寫這條那么這個style的樣式會影響到這個頁面所有的子路由，如果加了那么這個樣式只對當前頁面起作用。
再看一下router文件中的index.js
簡單介紹一下routers中的結構，這里主要用來配置路由的，上面說過所有子路由都在App.vue下，所有App.vue是最外層的父路由，這里的routes中存的就是路由的數組，path就是你要訪問你所創建的頁面的路徑，這里所配置的路由為''/，也就是根路徑所以你直接訪問localhost:8080就會出現一個App.vue中插入一個HelloWorld.vue的頁面（這個相當於路由嵌套），name就是給當前路由命名，可以在其他頁面通過$route.name訪問到當前頁面路由的name，component相當於你要引用的路由頁面，這里引用的是HelloWorld.vue這個頁面，使用import將HelloWorld.vue引入
現在我們來簡單的創建一個頁面，在components新建vue文件
在router的index.js文件中配置文件如圖
在App.vue文件中配置，如圖
如下圖就是點擊后的畫面
下面介紹一下main.js，如圖：
大概的內容就是這些，如果有哪里說錯或者遺憾還望多多包涵，或者聯系我，大家多交流交流。