前回の記事では、VueとVuetifyを手軽に試す方法をご紹介しました。
その後、実際に他のコンポーネントを試したところ挙動を確認することが出来ない事態となり、原因解らん沼にハマりました。。。
原因調査のご報告です。
v-appタグを忘れてました!!
<v-app></v-app>が必要
こちらの公式にキチンと書かれているので、完全に理解不足でした。。。
公式ドキュメント:https://v2.vuetifyjs.com/ja/components/application/#api
vuetifyを使用する場合は、<v-app></v-app>でラップする必要があります。
このタグのおかげでvuetifyがアプリケーションとして認識して、裏で良しなに配置してくれる訳ですね。
まとめ
ドキュメントを読み落として理解できていなかったため、調査しました。
vuetify playgroundがあるので、初期コードの参考にする。
インストールだけしか読んでなかったため、使用方法が曖昧だった。