その関数myClickOutsideは、例えば次のように書きます。上のhtml内の9〜14行目にある条件のv-else側の条件が満たされるため、v-card内の文言が「このカード外がクリック」に変化する、というわけです。自作のモーダルを開いている時に、モーダル外のクリックが起こった時に何かさせるなど、いろいろ使い道がありそうですね。受け取るものを定義しておけば良いです。使って条件を満たした時の記述を書きましたが、これは次の様に書いても動きます。</v-card></div>↑9行目をご覧ください。簡潔に(6行が1行に)なりましたね。次の様に置き換えることができる、というわけです。実際の制作現場でもよく目にする書き方ですので、もしかしたら覚えておくと役にたつかもしれません。Vuetify公式ページは次になります。Vuetifyまた、上のセクションで少し触れた「三項演算子」については、ご存知、Web制作に関するオンラインリファレンス、MDN(Mozilla運営)内に詳しい解説ページがあります。ついて、ご紹介しました。地味な様でいて、結構使い道がある機能だと思います。等のUIコンポーネントでも内部的に使用されているとのことです。活用方法についての知見が得られるかもしれません。当サイトでは、今後もVue.js、Vuetifyに関する記事を書いていく予定です。※この記事は、内容の品質向上を目的に、随時更新を行う場合があります。使う方法[Grid.js]premium記事starter[Vuetify3]まずはとにかく始めたい場合。