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

差分

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

この比較画面へのリンク

--- 00.vue用デザインフレームワークvuetify:02.codesandboxのvue.jsでvuetifyテンプレート [2019/01/04] – [ヘッダー＋αのみのシンプルなテンプレート] adash333
+++ 00.vue用デザインフレームワークvuetify:02.codesandboxのvue.jsでvuetifyテンプレート [2019/01/08] – [『テンプレート3』] adash333
@@ 行 41: / 行 41: @@
 {{:00.vue用デザインフレームワークvuetify:pasted:20190102-181708.png}}
+===== 『テンプレート3』 =====
+https://qiita.com/nobu-maple/items/43c1228b8f04837d753b#４home-コンポーネント作成
+こちらのサイトのテンプレートを転記させて頂きます。
+(引用ここから)
+<code>
+<template>
+  <v-content>
+    <v-container fluid fill-height>
+      <v-layout justify-center fluid>
+        <v-flex xs12 offset-mx5>
+          Home Component.
+        </v-flex>
+      </v-layout>
+    </v-container>
+  </v-content>
+</template>
+<script>
+  export default {
+    data: () => ({
+    }),
+    props: {
+    },
+    created() {
+      console.log('Home Component created.')
+      this.initialize()
+    },
+    mounted() {
+      console.log('Home Component mounted.')
+    },
+    methods: {
+      initialize: function() {
+      },
+    },
+  }
+</script>
+</code>
+(引用ここまで)
 ===== Vuetifyに関するリンク =====

00.vue用デザインフレームワークvuetify/02.codesandboxのvue.jsでvuetifyテンプレート.txt · 最終更新: 2019/08/13 by adash333