nuxt使用wowjs的config和plugins配置

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 }
],

你可能感兴趣的:(nuxt使用wowjs的config和plugins配置)