初始化代码

src/views/news/detail.vue

@@ -0,0 +1,23 @@
+<script setup>
+import {onMounted} from 'vue'
+import {useRoute} from 'vue-router'
+
+const route = useRoute()
+const id = route.query.id // 就是 /news/123 里的 123
+
+console.log('id===>', id)
+
+onMounted(() => {
+  console.log('id===>', id)
+})
+</script>
+
+<template>
+  <div>
+    <div class="placeholder">
+      {{ id }}
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>