はてなブックマーク

皆様いかがお過ごしでしょうか。 いろいろと大変な時期ですが頑張っていきましょう。 Vue 3.0 のリリースを目前に控え、今後メインの記法となっていくであろう Composition API における親子コンポーネント間のデータのやりとりにフォーカスについてまとめてみました。 ※ 2020 年 4 月現在、 [email protected] + @vue/[email protected] での挙動を元に書いています。 デモサイトを用意してあります。記事の該当する部分と交互に見ていただくと理解しやすいかもしれません。 https://vue-props-samples.netlify.app/ ※ 記事内のコードは、装飾用のクラスなどを省略しています。 ※ ブラウザ拡張機能 Vue.js devtools を使うと、コンポーネント内の様子などを確認できるようにビルドしてあります。 ※ ソースは

細かい部分を若干間違えて覚えており、危うくバグを出すところだったので、きちんと調べ直しました。 エルビス演算子 ?: 公式サイトには単体での説明はなく、三項演算子の項目に説明がありました。PHP 5.3 以降で使用可能です。 三項演算子 式 expr1 ?: expr3 の結果は、expr1 が TRUE と同等の場合は expr1、 それ以外の場合は expr3 となります。 要するに、expr1 ? expr1 : expr3のシンタックスシュガーということですね。 Null 合体演算子 ?? こちらは独立した項目として説明されていました。PHP 7 以降で使用可能です。 Null 合体演算子 式 (expr1) ?? (expr2) は、 expr1 が NULL である場合は expr2 と評価され、それ以外の場合は expr1 と評価されます。 この演算子は、左側の値が存在しない