1.vue-count-to
main.js里全局引入
import countTo from 'vue-count-to'
Vue.component('countTo', countTo)
<template>
<count-to :startVal='startVal' :endVal='endVal' :duration='3000'></count-to>
</template>
<script>
export default {
components: { countTo },
data () {
return {
startVal: 0,
endVal: 2020
}
}
}
</script>
2.typed.js
<span id="box"></span>
new Typed("#box",{
// 注意:输出的可以是标签,将标签当节点运行。比如下面的h2
strings: ['<h2>我是打印字typed.js<h2>','我是案例一','我是最后一个打印出来的'],
typeSpeed:200 // 速度
});
更多详见typed.js
3.path-alias
在vscode的扩展商店中下载path-alias,在设置pathAlias.aliasMap中配置,key是你要定义的别名,value是路径别名所对应的绝对路径。其中可以使用${cwd}来代替当前工作目录的绝对路径。比方说,我想用@ 代表我工作目录下的src目录那么我只用在配置中写。
{
"@": "${cwd}/src"
}
最后要关闭vscode,并重启vscode才能看到效果。