vue如何从url获取参数

在Vue.js中，你可以通过Vue实例的`$route`对象来访问当前路由的查询参数。`$route`是来自Vue Router提供的服务，它包含了当前路由的信息，包括路径、参数等。

以下是获取URL参数的基本步骤：

1. 首先，在Vue组件内，需要注入`$route`依赖：

import { useRoute } from 'vue-router';
export default {
  setup() {
    const route = useRoute(); // 使用useRoute钩子获取$route对象
    return {
      params: route.query // 这里params就是查询参数
    };
  }
};

2. 然后，你可以在组件内直接访问`params`属性来获取参数，比如：

console.log('查询参数', this.params.key); // key是你想要获取的具体参数名

如果参数名存在数组形式，如`myArray[index]`，则可以使用`this.params['myArray'][index]`的形式访问。