00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン最新のリビジョン両方とも次のリビジョン | ||
00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify [2018/12/18] – [リンク] adash333 | 00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify [2018/12/18] – [解説] adash333 | ||
---|---|---|---|
行 60: | 行 60: | ||
<iframe src=" | <iframe src=" | ||
</ | </ | ||
+ | |||
+ | ===== 解説 ===== | ||
+ | |||
+ | Vue.jsにVuetifyを導入するためには、以下の3つが必要です。 | ||
+ | |||
+ | -Vuetifyをnpm install(CodeSandboxでは、Add DependencyからVuetifyをインストール) | ||
+ | -index.htmlの< | ||
+ | -src/ | ||
+ | |||
+ | index.htmlの追加コード | ||
+ | < | ||
+ | // </ | ||
+ | <link href=" | ||
+ | </ | ||
+ | |||
+ | src/ | ||
+ | < | ||
+ | import Vuetify from " | ||
+ | import " | ||
+ | |||
+ | Vue.use(Vuetify); | ||
+ | </ | ||
+ | |||
===== リンク ====== | ===== リンク ====== | ||
00.vue用デザインフレームワークvuetify/01.codesandboxのvue.jsでvuetify.txt · 最終更新: 2018/12/18 by adash333