如何在Vuejs中创建一条路由，使其不仅能到达页面，还能到达特定的元素？

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

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/element',
      name: 'Element',
      component: Element
    }
  ]
})

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

// Home.vue
<template>
  <div>
    <h1>Home Page</h1>
    <!-- 主页内容 -->
  </div>
</template>

<script>
export default {
  name: 'Home'
}
</script>

// Element.vue
<template>
  <div>
    <h1>Element Page</h1>
    <!-- 特定元素内容 -->
  </div>
</template>

<script>
export default {
  name: 'Element'
}
</script>

const router = new VueRouter({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/element',
      name: 'Element',
      component: Element
    }
  ]
})

<router-link to="/">Home</router-link>
<router-link to="/element">Element</router-link>

<router-view></router-view>