vue2-router

1.基础

1.1.安装

npm install vue-router@3.6.5

1.2.引入

import VueRouter from "vue-router"

1.3.注册

Vue.use(VueRouter)

1.4.创建

const router = new VueRouter(
  {
    routes: [
      {path:'/page1', page1},
      {path:'/page2', page2}
    ]
  }
)

1.5.引用

new Vue({
  render: h => h(App),
  router
}).$mount('#app')

1.6.例子

<a href="#/page1">page1</a>
<a href="#/page2">page2</a>
<router-link to="/page1">page1</router-link>
<div style=" width: 1200px; height: 200px;">
      <router-view></router-view>
</div>