Vue-Router配置路由

206 阅读1分钟

在Vue中配置路由分为5个步骤,分别是:

1.安装

npminstall--saveVue-Router

2.引用

importVueRouterfrom'Vue-Router'

3.配置路由文件

varrouter = newVueRouter({
  routes: [
    {
      path: "/hello",
      component: HelloWorld
    },
    {
      path: "/wen",
      component: HelloWen
  newVue({
        el:'#app',
        components: { App },
        router,
        template:'<App/>'
  })

4,视图加载的位置

默认App.Vue文件中加

默认App.Vue文件中加 <router-view></router-view>

5,跳转导航

<router-linkto=/hello >helloword</router-link>(渲染出来的是a标签)