iView 3.x Anchor(锚点)组件 导航锚点

iview3.x 框架中新添了一个Anchor（锚点组件），用这个组件去做页面的分类导航正好合适，但是苦于官方文档太过抽象研究了一整天，才勉强可以在项目中应用。下面是我研究后的一点总结：

首先在main.js中引入iview 3.x

我使用部分引用组件的方法所以要单独引入Anchor组件

import {Anchor} from 'iview'

Vue.component('Anchor', Anchor) // 这两句就可以在页面中使用组件了

---

接着在要使用锚点的页面中引入组件

注意：在页面中这里引用的是AnchorLink 

原因是在页面中Anchor 被渲染成了多层嵌套的div 只有AnchorLink是以组件形式存在于渲染后的页面中所以真正的组件是AnchorLink

但是main.js文件中引入还是要引入Anchor...

就这一点小坑硬是把我卡住了好久，最后在层层的Elements中终于发现了问题的所在...

import {AnchorLink} from 'iview'

components: { AnchorLink }

---