Vue70-路由的几个注意点

一、路由组件和一般组件

1-1、一般组件

1-2、路由组件

不用写组件标签。靠路由规则匹配出来,由路由器渲染出来的组件。

1-3、注意点1

一般组件和路由组件,一般放在不同的文件夹,便于管理。

一般组件放在components文件夹下。

1-4、注意点2

不用的路由组件,或者,切换切走的路由组件,被销毁了!!!

$route:配置的路由规则

$router:整个应用的路由器(整个应用只有一个路由器)

about组件身上的route和home组件身上的route是不一样的;但是,about组件身上的router和home组件身上的router是一样的!

二、小结

相关推荐
问道飞鱼2 小时前
【前端知识】React生态你了解多少?
前端·react.js·前端框架·生态
Pu_Nine_92 小时前
前端SSE(Server-Sent Events)实现详解:从原理到前端AI对话应用
前端·langchain·sse·ai对话
optimistic_chen2 小时前
【Vue3入门】Pinia 状态管理 和 ElementPlus组件库
前端·javascript·vue.js·elementui·pinia·组件
酉鬼女又兒2 小时前
零基础入门前端JavaScript 核心语法:var/let/const、箭头函数与 setTimeout 循环陷阱全解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·蓝桥杯
Bling_Bling_12 小时前
【无标题】
前端·网络协议
We་ct2 小时前
React Diff & Key 核心解析
开发语言·前端·javascript·react.js·前端框架·reactjs·diff
哥本哈士奇2 小时前
Vue 3 快速入门:从零搭建前后端 CRUD 应用
前端·javascript·vue.js
biubiubiu07062 小时前
Agent 是如何拥有“手脚”的(ReAct 运行流程)
开发语言·前端·javascript
摸鱼的春哥2 小时前
Agent教程21:知识图谱🕸,让AI🤖学会联想
前端·javascript·后端
SuperEugene2 小时前
Vue3 组件拆分实战规范:页面 / 业务 / 基础组件边界清晰化,高内聚低耦合落地指南|Vue 组件与模板规范篇
前端·javascript·vue.js·前端框架