試想今天有一個網頁,上方的導覽列有不同的分類,帶領你到該項目的分頁中
那我們該如何實現,將各個項目的內容一一呈現
簡單分別製作 component
首先:component的命名要用大寫
- 在 component 中
Header
- 在 App.vue
讓vue知道有個component可以被使用,透過ES6的解構放入
將引入的component放到template
將其他組件引入
補充說明:
修改路徑:
用~@來指定圖片路徑:@在vuecli是代表特殊意義,就會直接從src這個資料夾底下開始查找;而波浪符號,代表現在在css之中使用這個功能
- 也就是在專案中,即便路徑複雜,只要在路徑最前面加上
@
就會直接進去src