Vue.工程目录下设置自定义指令在哪设置

添加自定义目录：

1、项目需求：页面左侧网页内容太多，所以想在页面右侧添加一个自定义的目录，目录名对应左侧内容的小标题，点击目录左侧页面滚动到对应的内容。

2、给页面左侧的内容的每个小标题添加一个data-ref属性。

3、等左侧文章加载完成之后，用setTimeout定时器把左侧的ref属性push进一个空的数组。

4、在push完成后的数组里循环得到页面右侧的目录内容

5、然后点击某个目录时把item.ref传参进catalogTo()函数，保证左面的内容滚动到制定的位置

6、注意scrollTop()和offsetTop()的用法

1.找到项目根目录的index.html，如图：

2.进去就能够修改title，也就是在浏览器上方的标题

3.如果需要在标题旁边加入自定义的图标，你需要把自己的的图片放在static目录下（不要放在src目录下，浏览器会找不到）

将图标文件放到static文件夹内，在index.html的head中添加：

保存之后刷新浏览器就生效了。

有这样一个场景： v-for 渲染一个列表有10个子项，并且把第5个子项后的元素都添加一个属性 data-wow-delay='0.8s' ，实现如下：

可以得出一个给元素添加自定义属性的方法

当然，如果只是添加一个常见属性(css属性)，例如class,style等，下面这种方法也可以。

---