nuxt使用wowjs的config和plugins配置

451 阅读1分钟

#####plugins文件

一定要这样写,直接import 或者在script里初始化会直接导致window找不到对象

import { WOW } from 'wowjs'

window.WOW = WOW
new WOW({ //可以添加自定义内容
  live: false,
  offset: 0
}).init()

#####css配置

自行下载animate css (一定要自己去官网下载,wowjs自带的效果很奇怪) ,文件放在assets文件夹下 如果用的习惯wow自带的animate,下面css配置路径就是wowjs/libs/animate.css

#####nuxt.config配置

css: [
    '@/assets/css/animate.min.css'
],

plugins: [
    { src: '@/plugins/wow.js', ssr: false }
],