vue3-路由配置

	vue-router 怎么用?
	1.下载
	npm install vue-router@4
	2.创建router文件夹 并添加index.js
	import {
    
     createRouter, createWebHistory ,createWebHashHistory } from 'vue-router'
	// 两种方式 
	//1.createWebHashHistory  --- hash
	//2.createWebHistory   --history
	const routerHistory = createWebHistory()
	const  routes = [
	    {
    
    
	        name:'good',
	        path:'/good',
	        component:()=>import("../components/goodList/goods")
	    }
	]
	const router = createRouter({
    
    
	    history: routerHistory,
	    routes,
	})
	export  default  router
	3. 来到main.js 
	import router from './router'
	createApp(App).use(router).mount('#app')
	//4.来到你需要的页面
	<script setup>
			import {
    
    useRouter} from "vue-router";
			let router = useRouter();
			function jumpToGoods() {
    
    
			  router.push({
    
    
		   	  path: '/good'
		  })
		};
	//至于如何传递参数,请查看文档	
	</script>

猜你喜欢

转载自blog.csdn.net/weixin_45932463/article/details/121363270
今日推荐