Vue RouterとTransitionで画面遷移の実装したときにハマった
はじめに Vue RouterとVueのビルトインコンポーネントであるTransitionで画面遷移時のアニメーションを適用することにした。 しかし、一部のコンポーネントの読み込みが以上に遅くなってしまったので、調査〜解決まで行ってみた。 TL;DR <Transition>は子要素として単一ノードでなければならない。 <component>を<div>で囲って一つの要素にする必要があった。 ただ、<Transition>のアニメーションを発火させるため、<div>にkey属性を追加する必要がある。 Transitions require single children nodes. Therefore you can wrap the <component> tag inside a <div>, however, a plain <div> inside a <transition>
Vuexのstateはundefinedで初期化しちゃダメ？ - kk-web
条件付きではありますが、あまりよくないらしいです、全然知らなかった… ちなみに、undefined で初期化という表現自体おかしいですが、今回はわかりやすさ重視でこう書いちゃいます。 なぜ気づいたか Vuex に対し jest でテストを書いていたところ、undefined で初期化した state が更新されないことがあったため。 根拠 vue-class-component#undefined-will-not-be-reactive To take consistency between the decorator behavior of Babel and TypeScript, vue-class-component does not make a property reactive if it has undefined as initial value. You should
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
add example of $ref casting to any in documentation · Issue #94 · vuejs/vue-class-component
