用 Vue.js + Vue Router 创建单页应用,是非常简单的。
使用Vue.js,我们已经可以通过组合组件来组成应用程序,当你要把 Vue Router添加进来,我们需要做的是,将组件 (components) 映射到路由(routes),然后告诉 Vue Router 在哪里渲染它们。

方式

  • 方式1:最简单的方式:新建vue项目,选择 Router 选项。本质就是方式2。
  • 方式2:推荐使用 vue add router 添加插件(记得提前提交) 。
  • 方式3:手动新建文件、更改配置。

    方式1

    选择 Manually select features 下的 Router
    image.png
    image.png
    image.png
    效果
    tmp.gif
    其它方式,可对照方式1 所做的修改,进行手动操作。