hachiojipm 44
DESCRIPTION
Hachioji.pmの#44ですTRANSCRIPT
![Page 1: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/1.jpg)
vue.jsハマる
@moznion
![Page 2: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/2.jpg)
@moznion
![Page 3: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/3.jpg)
Vue.jsハマるので
ハマりポイントを共有
![Page 4: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/4.jpg)
1
![Page 5: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/5.jpg)
v-repeatにオブジェクト渡す時,keyにdot (.)が
含まれてるとバグる
![Page 6: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/6.jpg)
{“/api/foo HTTP/1.1”: “bar”}
![Page 7: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/7.jpg)
!?
![Page 8: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/8.jpg)
なんかdotで切られて
別のkeyとして扱われる
![Page 9: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/9.jpg)
今のstable 0.10.6では
このバグが出る
![Page 10: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/10.jpg)
0.11.0-rc3だと直ってる
(0.11系はフルスクラッチ)
![Page 11: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/11.jpg)
2
![Page 12: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/12.jpg)
v-repeatに
[{}, undefined, {}] みたいなの渡すと死ぬ
![Page 13: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/13.jpg)
[1, 2, undefined, 3] とかはいける
![Page 14: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/14.jpg)
0.10でも0.11でも駄目
仕様なのか調査中
![Page 15: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/15.jpg)
3
![Page 16: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/16.jpg)
checkboxにv-model突っ込んで
clickイベントで色々やろうと
するとハマる
![Page 17: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/17.jpg)
そもそもChromeと Firefoxでは
onChangeとOnClickの 発火順が逆
![Page 18: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/18.jpg)
Chrome: 先change後click
Firefox: 先click後change
![Page 19: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/19.jpg)
vue.jsはcheckboxの変化を
onChangeのみで
監視している
![Page 20: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/20.jpg)
Chrome: 先change後click
Firefox: 先click後change
![Page 21: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/21.jpg)
Chrome: 先change後click
Firefox: 先click後changebind前に
発火するので狂う
![Page 22: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/22.jpg)
これはpatch書いたので
p-r投げる
![Page 23: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/23.jpg)
結論
![Page 24: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/24.jpg)
vue.jsは0.11系を使おう
![Page 25: Hachiojipm 44](https://reader033.vdocuments.mx/reader033/viewer/2022052901/556f5e78d8b42a916b8b5117/html5/thumbnails/25.jpg)
rc版だけど普通に使える
0.10はそのうちメンテが
放棄されるだろうし……