判断VueJS中的url引荐源是特定URL时加载组件。

可以使用 Vue Router 的导航守卫（Navigation Guards）来实现判断和加载组件的功能。具体实现步骤如下：

1. 在 Vue Router 中定义一个路由守卫（beforeEach），用于判断当前路由的引荐源：

const router = new VueRouter({
  routes: [...],
  beforeEach(to, from, next) {
    const referrerUrl = document.referrer // 获取引荐源 URL
    if (referrerUrl === 'https://example.com') { // 判断引荐源
      // 加载组件
      import('./components/MyComponent.vue').then(component => {
        Vue.component('my-component', component.default)
        next()
      })
    } else {
      next()
    }
  }
})

2. 在导航守卫的回调函数中，判断当前路由的引荐源 URL 是否与特定 URL 相同。如果相同，则使用动态导入（Dynamic Import）异步加载需要的组件。注意，在异步加载组件后，需要使用 Vue.component() 方法全局注册组件。

<!-- 在模板中使用组件 -->
<template>
  <div>
    ...
    <my-component></my-component> <!-- 加载的组件 -->
    ...
  </div>
</template>

这样就完成了在 VueJS 中判断 URL 引荐源是特定 URL 时加载组件的需求。