Vue3のComposition APIをつかって既存のVueコンポーネントを書き換えてみた(第2回)｜mizutory

Vue3のComposition APIに沿ったコンポーネントの書き方を初めてから以下の記事↓を書きましたが、この時使わなかったpropsとemitについて、Composition APIを使って書く機会があったのでやり方をまとめました。 propsの使い方前回では、紹介できませんでしたが、Propsの受け渡しも少しだけかわります。 propsの宣言の仕方は、今までと同じ以下のようになります。 props: { latLngs: Array, },propsのtemplate内での使い方も今までとおなじ。props内で宣言した変数にそのままアクセスできます。 <th v-for="(item, index) in latLngs" :key="index">違いは、propsにsetup()内でアクセスするときです。 setup(props) { const numOfLatLngs =