2/11ページ

2/11ページ
  • 2019.08.24

Vue.js→component(コンポーネント)!propsとか

1.componentとは….? componentとは、vue.jsのテンプレート機能。 Vue.jsからデータを表示するとき、ある一定のテンプレートを適応して表示できる。 例えば、ユーザーデータと学習コンテンツ、2つのリストを持っていたとします。 その2つを「どのようなデザイン」で出力するか考えたとしましょう。 通常、2つのデザインを試すためには、それぞれコーディングしなければなり […]

  • 2019.08.24

「v-bind」は、styleやclass、属性値を変える!!

このサイトが分かりやすい!! https://noumenon-th.net/programming/2019/05/21/v-bind/ liにv-forを使って、ループ(一覧表示) →v-bindでそれぞれのliにクラスを振り分ける ↓この場合は、クラスとindex番号を振り分けてる。 最終形態↓(HTMLをブラウザ上で見ると、classがついてる) *クラスにindex番号も振り当てられてる […]

  • 2019.08.24

v-bindとv-modelの違い

*v-bindはinput内の値を変更してもv-bind[{{data1}}]は変更されない。 *v-modelはinpt内を変更するとv-model[{{data2}}]もっ変更される。 <div id="app"> v-bind[{{ data1 }}] <div> <input type="text" v-bind:value="data1"> </ […]

  • 2019.08.23

Vue.js使い方!!!①

・https://qiita.com/runes224/items/1372be0cbb5eeef1b51a   素人が Vue.js の基礎・使い方を理解するための記事 1.まず、vue.jsを</body>前にCDNで読み込む。 最新ver。↓ <script src="https://cdn.jsdelivr.net/npm/vue"></script […]

1 2 11