vue 获取url地址的参数

在Vue中获取URL地址的参数可以使用`vue-router`库来实现。首先，需要在项目中安装并配置`vue-router`。

安装`vue-router`：

npm install vue-router

在`main.js`中导入并配置`vue-router`：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

然后，可以在Vue组件中使用`this.$route.query`来获取URL地址的参数。

例如，假设URL地址为`http://example.com?param1=value1&param2=value2`，要获取参数值，可以在Vue组件中使用以下代码：

export default {
  mounted() {
    const param1 = this.$route.query.param1
    const param2 = this.$route.query.param2

    console.log(param1) // 输出：value1
    console.log(param2) // 输出：value2
  }
}

这样就可以使用`this.$route.query`来获取URL地址的参数值了。注意，`this.$route.query`返回的是一个对象，可以通过属性名来获取参数值。