サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


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


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン両方とも次のリビジョン
00.vue用デザインフレームワークvuetify:02.codesandboxのvue.jsでvuetifyテンプレート [2019/01/04] – [Vuetifyに関するリンク] adash33300.vue用デザインフレームワークvuetify:02.codesandboxのvue.jsでvuetifyテンプレート [2019/01/08] – [『テンプレート3』] adash333
行 49: 行 49:
 (引用ここから) (引用ここから)
 <code> <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> </code>
  


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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki