Vue.js

Vue & Vuetifyを手軽に試す|でハマったところ

前回の記事では、VueとVuetifyを手軽に試す方法をご紹介しました。

その後、実際に他のコンポーネントを試したところ挙動を確認することが出来ない事態となり、原因解らん沼にハマりました。。。

原因調査のご報告です。

v-appタグを忘れてました!!

<v-app></v-app>が必要

こちらの公式にキチンと書かれているので、完全に理解不足でした。。。

公式ドキュメント:https://v2.vuetifyjs.com/ja/components/application/#api

vuetifyを使用する場合は、<v-app></v-app>でラップする必要があります。

このタグのおかげでvuetifyがアプリケーションとして認識して、裏で良しなに配置してくれる訳ですね。

まとめ

ドキュメントを読み落として理解できていなかったため、調査しました。

vuetify playgroundがあるので、初期コードの参考にする。

インストールだけしか読んでなかったため、使用方法が曖昧だった。

  • この記事を書いた人

kazuki.m

エンジニア

開発言語:Python、Typescript

最近の関心:Vue、Typescript、Rust

-Vue.js