## 第一步:去除多余的HTML標簽,僅保留 `router-view`
代碼參考:
```
<template><div id="app"> <router-view/> </div> </template>
```
## 第二步:去除多余樣式,僅保留`style`標簽
代碼參考:
```
<style></style>
```
## 第三步:調整src/views/Home.vue代碼
代碼參考:
```
<template> <div class="home"> 首頁 </div> </template>
<script> export default { name: 'Home', components: { } } </script>
```
- 前言
- 購買
- 后端程序安裝
- 前端配置
- 常見問題
- 目錄結構
- 更新日志
- 從零開發Vue-Element-Admin基礎后臺
- 前言
- 更新記錄
- 第一步:創建 Vue CLI項目
- 第二步:安裝 Element-UI
- 第三步:安裝 Vue Router
- 第四步:調整 App.vue文件
- 第五步:創建 Login.vue頁面
- 第六步:頭部 Header.vue組件
- 第七步:左菜單 leftMenu.vue組件
- 第八步:新建 Dashboard.vue頁面
- 第九步:新建 Upload.vue頁面
- 第十步:新建 List.vue列表頁面
- 第十一步:調整 NotFound.vue 頁面
- 最后:執行編譯與部署到服務器