前端笔记-vue中使用router进行页面跳转及除掉url中的#

目录

 

演示

代码

---

演示

运行截图如下：

点击后，url跳转如下：

 

 

代码

页面跳转的关键

程序结构如下：

aaa.vue

HelloWorld.vue

index.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import aaa from '@/components/aaa';

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/aaa',
      name: 'aaa',
      component: aaa
    }
  ]
})

通过设置mode: 'history'可以去掉url下面的