Vue Router (创建 挂载)

创建路由模块

在src目录下创建router.js文件作为模块,该文件中按照如下步骤进行操作

1.导入路由相关函数,具体代码如下:

import{ createRouter,createWebHashHistory } from 'Vue-router'

在上述代码中,从Vue-router中导入了createRouter()createWebHashHistory()两个函数,其中,createRouter()函数用于创建路由实例对象,createWebHashHistory()两个函数用于指定路由的工作模式为Hash模式,另外,如果需要指定路由工作模式为html5模式,可以将create WebHashHistory ()函数换成createWebHistory()函数。

2.导入需要被路由控制的Home组件和About组件,具体代码如下:

import Home from './components/Home.vue'
import About from './componennts/About.vue'

3.创建路由实例对象,具体代码如下

const router = createRouter({
	history: createWebHashHistory(),
	routes: [
		{ path:'/home', components: Home },
		{ path:'/about', components: About },
	]
})
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值