vue-router,vue路由 笔记

vue路由是什么

简单的说就是src > router > index.js ,这个文件配置

路由的作用

是用来 地址栏 映射 <router-view>组件显示

改变地址栏的方法有哪些?

1.router-link渲染a标签实现跳转

<router-link to="path">

2.编程导航跳转

html:

//App.vue
<button @click="goPage5">去Page5</button>

JavaScript:

//App.vue
methods:{
    goPage5(){
				this.$router.push(
					{
						path: '/Page5',
						
					}
				)
			}
}