vue-router使用步骤详解

能实现页面的无跳转刷新。

1、安装vue-router

cnpm i vue-router -S

2、main.js中引用

import Vuerouter from 'vue-router'

3、main.js中使用

use (Vuerouter)

4、在main.js中定义路由并暴露

export default new Vuerouter({
  routes: [
    {
      path: './components/new',
      name: 'new',
      component: new
    }
  ]
})

5、设置跳转链接和视图

在app.vue中加入

<router-link to='/new'>这是我要跳转的链接</router-link>

//以上是跳转链接

<router-view/>

//以上是视图显示区