25
vue.jsハマる @moznion

Hachiojipm 44

  • Upload
    moznion

  • View
    140

  • Download
    3

Embed Size (px)

DESCRIPTION

Hachioji.pmの#44です

Citation preview

Page 1: Hachiojipm 44

vue.jsハマる

@moznion

Page 2: Hachiojipm 44

@moznion

Page 3: Hachiojipm 44

Vue.jsハマるので

ハマりポイントを共有

Page 4: Hachiojipm 44

1

Page 5: Hachiojipm 44

v-repeatにオブジェクト渡す時,keyにdot (.)が

含まれてるとバグる

Page 6: Hachiojipm 44

{“/api/foo HTTP/1.1”: “bar”}

Page 7: Hachiojipm 44

!?

Page 8: Hachiojipm 44

なんかdotで切られて

別のkeyとして扱われる

Page 9: Hachiojipm 44

今のstable 0.10.6では

このバグが出る

Page 10: Hachiojipm 44

0.11.0-rc3だと直ってる

(0.11系はフルスクラッチ)

Page 11: Hachiojipm 44

2

Page 12: Hachiojipm 44

v-repeatに

[{}, undefined, {}] みたいなの渡すと死ぬ

Page 13: Hachiojipm 44

[1, 2, undefined, 3] とかはいける

Page 14: Hachiojipm 44

0.10でも0.11でも駄目

仕様なのか調査中

Page 15: Hachiojipm 44

3

Page 16: Hachiojipm 44

checkboxにv-model突っ込んで

clickイベントで色々やろうと

するとハマる

Page 17: Hachiojipm 44

そもそもChromeと Firefoxでは

onChangeとOnClickの 発火順が逆

Page 18: Hachiojipm 44

Chrome: 先change後click

Firefox: 先click後change

Page 19: Hachiojipm 44

vue.jsはcheckboxの変化を

onChangeのみで

監視している

Page 20: Hachiojipm 44

Chrome: 先change後click

Firefox: 先click後change

Page 21: Hachiojipm 44

Chrome: 先change後click

Firefox: 先click後changebind前に

発火するので狂う

Page 22: Hachiojipm 44

これはpatch書いたので

p-r投げる

Page 23: Hachiojipm 44

結論

Page 24: Hachiojipm 44

vue.jsは0.11系を使おう

Page 25: Hachiojipm 44

rc版だけど普通に使える

0.10はそのうちメンテが

放棄されるだろうし……