vue的路由配置

创建新的页面

一般情况下，我们习惯将项目的路由信息存储在src/router/index.js文件中
当我们需要创建新的页面时
就向routes数组添加一个新的对象
并指明新页面的path(路径)、name(名称)和component(组件名称)

/:id 表示跳转到此页面时需要附加一个参数

页面之间的跳转

方法一：使用router-link标签
可以直接使用代替原来的HTML标签
并添加tag属性，告诉浏览器将其渲染为指定的HTML标签
通过to属性指明该DOM元素被点击后 将跳转的路径

方法二：使用$router.push方法
我们可以在某个函数中，将路径作为push方法的参数，从而实现页面的跳转

methods: {
  handleEvent () {
    xxx
    this.$router,push(path)
  }
}