6.2 vue-router的基本使用

vue-router只能结合vue项目使用,管理SPA项目中组件的切换

安装和配置:

1、安装vue-router包

npm i vue-router -S

2、创建路由模块

src目录下新建  router目录/index.js文件

1.导入Vue和VueRouter的包 2.调用Vue.use()函数,把VueRouter安装为Vue的插件 3.创建路由的实例对象 4.向外共享路由的实例对象

3、导入并挂载路由模块(src/main.js)

1.导入路由模块 2.挂载路由模块

4、声明路由链接和占位符

<router-link>路由链接

<router-view>占位符

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值