Vue中锚点定位实现有两种方式，一种是通过原生的锚点链接实现，另一种是通过Vue插件vue-scrollto实现。下面将详细介绍这两种方式的实现方法。
一、通过原生的锚点链接实现锚点定位
1. 在需要跳转到的位置上添加一个锚点元素，例如：
```html
```
2. 在需要跳转的位置添加一个锚点链接，例如：
```html
```
3. 实现点击锚点链接后页面滚动到相应位置的效果，可以通过添加以下代码实现：
```javascript
document.addEventListener(DOMContentLoaded
function () {
let anchorLinks = document.querySelectorAll(a[href^="#"]);
anchorLinks.forEach(function (link) {
link.addEventListener(click
function (e) {
e.preventDefault();
let target = document.querySelector(link.getAttribute(href));
target.scrollIntoView({
behavior: smooth
block: start
});
});
});
});
```
以上代码会监听所有以"#"开头的锚点链接的点击事件，当点击后会阻止默认的跳转行为，然后通过获取对应的锚点元素，并使用scrollIntoView方法实现平滑滚动到相应位置的效果。
二、通过vue-scrollto插件实现锚点定位
1. 首先安装vue-scrollto插件，可以使用npm或者yarn命令进行安装：
```shell
npm install vue-scrollto --save
```
2. 在Vue项目的入口文件中，引入vue-scrollto插件：
```javascript
import Vue from vue
import VueScrollTo from vue-scrollto
Vue.use(VueScrollTo)
```
3. 在需要跳转到的位置上添加ref属性：
```html
```
4. 在需要跳转的按钮或链接上使用vue-scrollto指令，指定跳转的目标位置：
```html
跳转到锚点位置
```
以上代码会监听按钮的点击事件，当点击后会使用vue-scrollto指令将页面平滑滚动到指定位置。
总结：以上就是通过原生锚点链接和vue-scrollto插件两种方式实现Vue中锚点定位的方法。原生锚点链接需要手动添加锚点元素和锚点链接，并通过JavaScript代码实现滚动效果；而vue-scrollto插件则简化了操作，只需在跳转的位置上添加ref属性，并使用vue-scrollto指令即可实现锚点定位。具体使用哪种方式可以根据实际需求进行选择。