0. vue的目錄結構

• 主要是src資料夾：這裡是我們要開發的目錄，基本上要做的事情都在這個目錄裡，裡面包含了幾個目錄及檔案
  • assets: 放置一些圖片，如logo等。
  • components: 目錄裡面放了一個元件檔案，可以不用。
  • App.vue: 專案入口檔案，我們也可以直接將元件寫這裡，而不使用 components 目錄。
  • main.js: 專案的核心檔案。

（參考資料：Vue.js 目錄結構 | 菜鳥教程 (runoob.com)）

1. vue的路由

1.1 路由的概念

路由，其實就是指向的意思，當我點選頁面上的home按鈕時，頁面中就要顯示home的內容，如果點選頁面上的about 按鈕，頁面中就要顯示about 的內容。Home按鈕 => home 內容， about按鈕 => about 內容，也可以說是一種對映. 所以在頁面上有兩個部分，一個是點選部分，一個是點選之後，顯示內容的部分。

點選之後，怎麼做到正確的對應，比如，我點選home 按鈕，頁面中怎麼就正好能顯示home的內容。這就要在js 檔案中配置路由。

（參考資料：vue路由基礎使用_一隻小白奔向大牛的故事-CSDN部落格_vue路由）

1.2 vue路由的基本配置

• App.vue 新增 <router-view/> 標籤
• router.js（專案中為/src/router/index.js檔案） 中配置路由資訊
• main.js 中引入 router.js 並繫結到 vue 例項。

2. vue和element系統性地學習

學了幾天後，發現還是官方文件靠譜！！

1. 介紹 — Vue.js (vuejs.org)，看vue文件中的視訊講解，看到最後跟著老師能建立並使用元件就算前進了一大步
2. Element - 網站快速成型工具，直接將element元件對應文件中的原始碼複製貼上到專案中，就能對相應頁面進行修改，這又前進了一大步！