コンポーネントの基本 — Vue.js

基本例Vue コンポーネントの例を次に示します: // button-counter と呼ばれる新しいコンポーネントを定義します Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>' }) コンポーネントは名前付きの再利用可能な Vue インスタンスです。この例の場合、<button-counter>です。このコンポーネントを new Vue で作成されたルート Vue インスタンス内でカスタム要素として使用することができます。 <div id="components-demo"> <button-counter></butt

[nilab]

「コンポーネントは再利用可能な Vue インスタンスなので、data、computed、watch、methods、ライフサイクルフックなどの new Vue と同じオプションを受け入れます。唯一の例外は el のようなルート固有のオプションです」

[okumuraa1]

ありがとうございますm(_ _)m

[hosco]

“コンポーネントで v-model を使う”[Vue]

[kkeisuke]

“コンポーネントで v-model を使う”

[mysticatea]

Vue.js の props の type って、nullable な指定はできない? (Expected Object, got Null. と言われる...)

[syonx]

非同期コンポーネントで vue-router のパラメータは使えなかった。その代わり window.location を読み取って力技でなんとかできた。

[kikuchi1201]

コンポーネントの概念難しい...