VUE之Router使用及工作模式

1、路由的使用

【两个注意点】
1）路由组件通常放在pages 或 views文件夹，一般组件通常放在components文件夹。
2）通过点击导航，视觉效果上"消散"了的路由组件，默认是被"卸载"掉的，需要的时间再去挂载。

1. // 创建一个路由器，并暴露出去
3. // 第一步：引入createRouter
4. import {createRouter,createWebHistory} from 'vue-router'
5. // 引入一个个可能呈现组件
6. import Home from '@/pages/Home.vue'
7. import News from '@/pages/News.vue'
8. import About from '@/pages/About.vue'
10. // 第二步：创建路由器
11. const router = createRouter({
12.     history:createWebHistory(), //路由器的工作模式
13.     routes:[  //一个个路由规则
14.         {
15.             path:'/home',
16.             component: Home
17.         },
18.         {
19.             path:'/news',
20.             component: News
21.         },
22.         {
23.             path:'/about',
24.             component: About
25.         },
26.     ]
27. })
29. export default router

复制代码

1. i

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。