Vue.js で Animate.css を使うための v-animate-css

手順

vue create projectname で初期構築したプロジェクトの場合

router.js

import Vue from 'vue'

import Router from 'vue-router'

import VAnimateCss from 'v-animate-css';

import Home from './views/Home.vue'

import About from './views/About.vue'

Vue.use(Router);

Vue.use(VAnimateCss);

export default new Router({

        mode: 'history',

        base: process.env.BASE_URL,

        routes: [

            {

                path: '/',

                name: 'home',

                component: Home

            },

            {

                path: '/about',

                name: 'about',

                component: About

            }

        ]

})

インストール

使い方