00.vue用デザインフレームワークvuetify:02.codesandboxのvue.jsでvuetifyテンプレート
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン次のリビジョン両方とも次のリビジョン | ||
00.vue用デザインフレームワークvuetify:02.codesandboxのvue.jsでvuetifyテンプレート [2018/12/18] – [上記の後、src/App.vueを編集し、Vuetifyによるデザインを行う] adash333 | 00.vue用デザインフレームワークvuetify:02.codesandboxのvue.jsでvuetifyテンプレート [2019/01/08] – [『テンプレート3』] adash333 | ||
---|---|---|---|
行 15: | 行 15: | ||
{{: | {{: | ||
- | ===== 上記の後、src/ | + | ===== 上記の後、src/ |
例えば、src/ | 例えば、src/ | ||
行 33: | 行 33: | ||
</ | </ | ||
+ | ===== ヘッダー+αのみのシンプルなテンプレート『テンプレート2』 ===== | ||
+ | src/App.vue | ||
+ | < | ||
+ | <script src=" | ||
+ | </ | ||
+ | |||
+ | {{: | ||
+ | ===== 『テンプレート3』 ===== | ||
+ | |||
+ | https:// | ||
+ | |||
+ | こちらのサイトのテンプレートを転記させて頂きます。 | ||
+ | |||
+ | (引用ここから) | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <v-flex xs12 offset-mx5> | ||
+ | Home Component. | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | export default { | ||
+ | data: () => ({ | ||
+ | }), | ||
+ | |||
+ | props: { | ||
+ | }, | ||
+ | |||
+ | created() { | ||
+ | console.log(' | ||
+ | this.initialize() | ||
+ | }, | ||
+ | |||
+ | mounted() { | ||
+ | console.log(' | ||
+ | }, | ||
+ | |||
+ | methods: { | ||
+ | initialize: function() { | ||
+ | }, | ||
+ | }, | ||
+ | |||
+ | } | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | (引用ここまで) | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===== Vuetifyに関するリンク ===== | ||
+ | https:// | ||
+ | {{: | ||
00.vue用デザインフレームワークvuetify/02.codesandboxのvue.jsでvuetifyテンプレート.txt · 最終更新: 2019/08/13 by adash333