00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify [2018/12/18] – [index.htmlとsrc/App.vueとsrc/main.jsの編集] adash333
+++ 00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify [2018/12/18] (現在) – [解説] adash333
@@ 行 65: / 行 65: @@
 Vue.jsにVuetifyを導入するためには、以下の3つが必要です。
-  -Vuetifyをnpm install
+  -Vuetifyをnpm install(CodeSandboxでは、Add DependencyからVuetifyをインストール)
   -index.htmlの<head></head>内に、"Material+Icons"を読み込む
   -src/main.jsで、vuetifyとvuetify.cssをimportして、Vue.use(Vuetify);する。
+index.htmlの追加コード
+<code>
+// </head>の直前に以下を挿入
+<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet"/>
+</code>
+src/main.jsの追加コード
 <code>
 import Vuetify from "vuetify";
@@ 行 76: / 行 83: @@
 </code>
+上記の3つの作業を行えば、src/App.vueや、その配下のcomponentで、Vuetifyを使用できるらしいです。
 ===== リンク ======

00.vue用デザインフレームワークvuetify/01.codesandboxのvue.jsでvuetify.1545138856.txt.gz · 最終更新: 2018/12/18 by adash333