UIコンポーネントのVuetifyでは、バージョン2以降とそれ以前のバージョンとではタグが変わっていたりと記述方法に違いが生じている場面に遭遇することが多々あるのではないでしょうか。
今回はVuetify2系列での正しい書き方とそれ以前の非推奨タグについてご紹介します。
× <v-content></v-content>
○ <v-main></v-main>また、v-list-tileも全てitemに変更になっています。
v-list-tile → v-list-item
v-list-tile-action → v-list-item-action
v-list-tile-avatar → v-list-item-avatar
v-list-tile-content → v-list-item-content
v-list-tile-title → v-list-item-title
v-list-tile-sub-title → v-list-item-subtitle
The avatar prop has been removed○ <v-app-bar app>
× <v-toolbar app>
Witten by Masa
情報工学系学部卒のエンジニアです。メインはフロントエンドですが、そのほかにもPython,PHP,GAS,など色んな言語、開発、データ分析、マーケティングなど手広くやってます。