在Vue.js中获取URL参数

在Vue.js中获取URL参数可以通过使用JavaScript的URLSearchParams接口实现。下面是一个简单的示例：
首先，你需要引入URLSearchParams接口。你可以使用以下代码：

import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
app.config.globalProperties.$urlSearchParams = new URLSearchParams(window.location.search)

接下来，你可以在Vue组件中使用this.$urlSearchParams来获取URL参数。例如，如果你想获取名为id的参数，可以使用以下代码：

export default {
name: 'MyComponent',
mounted() {
const id = this.$urlSearchParams.get('id')
console.log(id) // 输出URL参数的值
}
}

在这个例子中，我们在组件的mounted钩子函数中获取URL参数。你可以根据需要在其他地方使用这些参数。请注意，URL参数的值是字符串类型，如果你需要将其转换为其他类型，可以使用JavaScript的parseInt()或parseFloat()函数等转换函数。
另外，如果你需要添加或删除URL参数，可以使用URLSearchParams接口的方法。例如，以下代码将添加一个名为name的参数：

this.$urlSearchParams.append('name', 'John')

以下代码将删除名为id的参数：

this.$urlSearchParams.delete('id')

这些方法将更新URL并导致页面刷新。如果你想在不刷新页面的情况下更新URL，可以使用Vue Router来管理路由和URL。