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>
相关推荐
Moonbit3 分钟前
MoonBit Pearls Vol.10:prettyprinter:使用函数组合解决结构化数据打印问题
前端·后端·程序员
533_5 分钟前
[css] border 渐变
前端·css
云中雾丽9 分钟前
flutter的dart语言和JavaScript的消息循环机制的异同
前端
地方地方11 分钟前
Vue依赖注入:provide/inject 问题解析与最佳实践
前端·javascript·面试
云中雾丽16 分钟前
dart的继承和消息循环机制
前端
世界哪有真情21 分钟前
Trae 蓝屏问题
前端·后端·trae
Moment24 分钟前
NestJS 在 2025 年:对于后端开发者仍然值得吗 😕😕😕
前端·后端·github
热心市民小岳24 分钟前
Konva.js 实现 腾讯文档 多维表格
前端·javascript
砺能26 分钟前
uniapp生成的app添加操作日志
前端·uni-app
小Dno130 分钟前
diff算法理解第一篇
前端