[Vue警告]：无法解决指令

Question

我想在我的模板中使用插件但由于某种原因它不起作用。

这是我的代码：

import Vue from 'Vue';
import vueSmoothScroll from 'vue-smooth-scroll';

Vue.use(vueSmoothScroll);

export default {
 name: 'home-view',
 components: {
 },
layout: 'default',
mixins: [
 PageHeaderFromContentData,
 vueSmoothScroll,
],
data() {
 return {
  openLayer: null,
 };
},
methods: {
 },
};

这是我的模板：

<a v-smooth-scroll href="#startpage-possibilities">anchor</a>
<div id="startpage-possibilities">###</div>

这就是我想要使用的插件：https://www.npmjs.com/package/vue-smooth-scroll