一、区别
没有 this.route
let route = userRoute()
route 相当于 this.route
二、路由
<template><ul><RouterLink :to="{path:'/news/detail',query:news}" v-for="news in newList" :key="news.id">{{ news.name }}</RouterLink></ul><div><RouterView></RouterView></div> </template><script lang="ts" setup name="News">import { reactive } from "vue";import {RouterView, RouterLink} from 'vue-router'let newList = reactive([{id:'01', name:'小米', content:'小米汽车'},{id:'02', name:'理想', content:'大SUV'},{id:'03', name:'小鹏', content:'智驾汽车'}]) </script><style></style>
三、内容((接收参数)
<template><ul><li>新闻标题:{{ route.query.name }}</li><li>新闻内容:{{ route.query.content }}</li></ul> </template><script lang="ts" setup name="Detail">// useRoute Hooks import {useRoute} from 'vue-router'let route = useRoute()console.log(route); </script><style></style>