文章目录

• 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