Vue + Vuetify を CDN で使用する

【 追記 】2019.01.27

Vuetify は <v-app></v-app> タグで囲まれた範囲内にしか正しく反映されないので注意

Vue.js

bodyタグ ( </body> の直前 )

( 開発 ) <script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>

( 本番 ) <script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.min.js"></script>

Vuetify

headタグ

<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css">

<link href="https://cdn.jsdelivr.net/npm/vuetify@1.4.3/dist/vuetify.min.css" rel="stylesheet">

bodyタグ ( </body> の直前 )

( 開発 ) <script src="https://cdn.jsdelivr.net/npm/vuetify@1.4.3/dist/vuetify.js"></script>

( 本番 ) <script src="https://cdn.jsdelivr.net/npm/vuetify@1.4.3/dist/vuetify.min.js"></script>