Vue.jsをはじめるにあたって押さえておくべきこと
概要 この記事では、Vue.jsで開発を始めるにあたって、押さえておくべきことを記述します。 Reactで開発してきた人に向けて、「これはReactでいう〇〇」という情報も共有します。 単一ファイルコンポーネント 基本的には普通のコンポーネントと同じ パーツを構成するために必要な HTML・CSS・JSをひとまとめにして独立した1つのファイルで扱うのが、この単一ファイルコンポーネント template、script、styleで構成される nameオプションは、コンポーネント名を表現します とてもシンプルに書けば、単一ファイルコンポーネントは以下のようになります。 <template> <div class="say-hello">Hello!!<div> </template> <script> export default { name: 'Hello' } </script> <st
Vue.jsのv-if、v-showの違いについて - Qiita
この記事を書こうと思ったきっかけ 先月Vue.jsを使いWebアプリケーションを使う機会があったのですが オブジェクトのデータを表示するかしないかの判定をv-ifとv-showのどちらを使用してやるかを悩みながら実装していたのですが 実装していく中で違いが明確にわかるパターンのコードを見つけたので議事録的な意味を含めて記事にまとめておこうと思います ベースにするコード HelloWorld.vue <template> <div class="hello"> <div v-for="box in boxs" :key="box.name" :style="[setSize(box)]"> {{ box.name }} </div> </div> </template> <script> export default { name: 'HelloWorld', data () { retur
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
