からこの質問は、Vueの約WebPACKのとES6 import
についておそらくもっとあります。インポートVueの異なるファイルに「VUE」輸入「違う」Vueの
私はstate
のオブジェクトに新しいmykey: []
を追加するVuex突然変異を書いています。これはVue.set(state.myobj, 'mykey', [])
を使用する必要があるため、新しい配列は反応性を得ることができます。
しかし、をmutations.jsにしてVue.set(...)
を使用しても問題は解決しません(何もしません)。問題は、Vue
が、私のmain.jsファイルにVueオブジェクトを作成するときにメインのjsファイルで使用するのと同じではないと思われます。
私はこの問題は、Vueのはmutations.jsにインポートされる方法に関連していることを確認しました。 main.jsにwindow.MY_VUE = Vue
と書き込んでmutations.jsにwindow.MY_VUE.set(...)
を書き込むと、新しい配列は期待通りに機能します。つまり、配列にプッシュすると、その変更はDOMに正しく反映されます。もちろん、mutations.jsのwindow.MY_VUE === Vue
を比較するとfalseが返されます。
私が何か間違ったことをやっていますか?問題を解決する正しい方法は何でしょうか?
NB:回避策として、私は今、オブジェクトを置換:
state.myobj = { ...state.myobj, mykey: [] }
私はVueの2.4.2、2.4.0 VuexとWebPACKの2.7.0を使用しています。私はWebpackコード分割を使用していません。
sorrry ...しかし、あなたは多分IDEは、VUEのための最高のサポートを提供している私に言うことができますか?私はノーマル角度の開発者です。私はちょうどvueで始まりました – Atlas
@Atlas Vetur拡張機能を持つVSCodeが好きです – Desquid