【Nuxt.js】カスタムディレクティブ基礎編：とりあえず使ってみよう！ - Qiita

前置き Vue.jsのカスタムディレクティブをNuxt.jsで！ ローカルverとグローバルverで、 どちらでも使いやすく簡単な例で紹介。 今回は背景色を変えるだけです。 …とはいえfilterはよく使われますが 実際こちらはなかなか見かけませんね。 カスタムディレクティブの良い使い方があれば 教えていただけると嬉しいです…😀 ※併用する場合 同じディレクティブ名にしてしまうと ローカルに記載された方が優先されます。 名前は分けましょう！ ローカルver directivesで命名した物を v-{{ name }}で記載するだけ！ 今回はdiv全体に背景色をつけるため divにv-bgを指定しております。