文章目錄

• 1 路由和路由器
• 2 基本切換效果
• • 2.1 App.vue(根組件)
  • 2.2 components(子組件)
  • • 2.2.1 Home.vue(首頁)
    • 2.2.2 News.vue(新聞)
    • 2.2.3 About.vue(關于)
  • 2.3 路由器
  • • 2.3.1 router/index.ts
    • 2.3.2 main.ts
  • 2.4 效果展示
  • 2.5 程序流程
• 3 筆記
• • 3.1 路由組件和一般組件
  • • 3.1.1 Header.vue(一般組件)
    • 3.1.2 App.vue(根組件)
    • 3.1.3 router/index.ts(渲染路由組件)
  • 3.2 路由器的兩種工作模式
  • • 3.2.1 history模式(無#號)
    • 3.2.2 hash模式(有#號)
  • 3.3 to的兩種寫法
  • 3.4 命名路由
  • • 3.4.1 router/index.ts
    • 3.4.2 App.vue