vue-router.md · 天一_生水/jqr-vue

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

vue-router.md 678 Bytes

提交于 2022-04-15 16:25 . '20220415'

### vue-router
1 安装 npm i vue-router@3.5
2 src-》router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
export default router
3 挂载 main.js

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

注意对象
router-view 展示路由访问时组件页面显示的地方
router-link
动态路由
/my?id=111
/my/111
嵌套路由
/my/11/info
inf/my/o?id=111
参数怎么获取
访问不到怎么办

分类
/cate

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

https://gitee.com/wuzongbo/jqr-vue.git

git@gitee.com:wuzongbo/jqr-vue.git

wuzongbo

jqr-vue

master

天一_生水/jqr-vue

简介

发行版

贡献者

近期动态

天一_生水/jqr-vue .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

天一_生水/jqr-vue