Shogo's Blog!

Steem On.

Nuxt.js

Nuxt.jsでparticles-bg-vueを使う

こんにちは、 @shogoです。

particles-bg-vueという、超絶便利なライブラリを見つけました。

今回はNuxt.jsプロジェクトでの導入方法をご紹介したいと思います。

インストール

$ npm install --save particles-bg-vue

pluginsフォルダにjsファイルを作成

// plugins/particles.js

import Vue from 'vue';
import VueParticlesBg from "particles-bg-vue";

Vue.use(VueParticlesBg);

nuxt.config.jsファイルに追記

//nuxt.config.js

plugins: [
'~plugins/particles.js'
],

導入

<template>
  <div class="container">
    <div>

    <particles-bg type="circle" :bg="true" />

    <h1 class="title">
      Test
    </h1>

    </div>
  </div>
</template>

結果

細かい設定などは、particles-bg-vueのGitHubをご覧ください。

上記のように、とても簡単な設定でサイトがいい感じになります。

皆様もよければ、試してみてください 🙂

Thanks,

@shogo

コメントを残す

Theme by Anders Norén