nuxt2中使用countup
在 Nuxt2 中使用 CountUp 可以使用以下步骤:
- 安装 countup.js 和 vue-countup 插件:
npm install countup.js vue-countup
- 在
nuxt.config.js
中添加以下代码:
plugins: [
{ src: '~/plugins/vue-countup.js', ssr: false }
]
- 在
plugins
目录下创建vue-countup.js
文件,添加以下代码:
import Vue from 'vue'
import VueCountUp from 'vue-countup'
Vue.component('VueCountUp', VueCountUp)
- 在组件中使用 CountUp,可以像下面这样:
<template>
<div>
<VueCountUp :endVal="count" />
</div>
</template>
<script>
export default {
data() {
return {
count: 1000
}
}
}
</script>
这样就可以在 Nuxt2 中使用 CountUp 了。
原文地址: https://gggwd.com/t/topic/52Y 著作权归作者所有。请勿转载和采集!