search

abekoh / blog

https://circleci.com/gh/abekoh/blog
1 stars 0 forks source link

Vue.js入門 #90

Open abekoh opened 4 years ago

abekoh commented 4 years ago

https://gihyo.jp/book/2018/978-4-297-10091-9

abekoh commented 4 years ago

v-bind:class,v-bind:styleはオブジェクトで与えてOK

abekoh commented 4 years ago

Thymeleafでは@clickはかぶって使えないので、v-onを使うこと

abekoh commented 4 years ago

computedとmethodの違い: computedはキャッシュされる

abekoh commented 4 years ago

コンポーネントの命名規則は、ケバブケースがおすすめ http://www.w3.org/TR/custom-elements/#valid-custom-element-name

abekoh commented 4 years ago

propsにはtypeとかvalidatorとかオプション設定できる

abekoh commented 4 years ago

子→親へのやりとりの$emitは、いわゆるカスタムイベントを起こすっていう意味

abekoh commented 4 years ago

$parent,$childrenも使ってアクセスしたりもできるが、設計上混乱しがちなのでやめたほうがいい https://vuejs.org/v2/api/#parent

abekoh commented 4 years ago

子から親のネイティブDOMイベントを取得したい

<my-component v-on:click.native="someMethod"></my-component>
abekoh commented 4 years ago

propに関して双方向バインディング→.sync