Vue 公式チュートリアル 〜 スロットの使い方?
Vue 公式チュートリアル 〜 スロットの使い方?Vue の公式チュートリアルを使った、Web 開発の学習例もステップ14まで来ました。このチュートリアルはこれで基本的に最後です。ステップ14では、スロットの使い方を学習します!前回までのポイントはポイントは?これまでの学習をまとめると大きく分けて二つです。* 基本的な Vue の部品の記述方法* Vue の部品の基本的な使用方法 です。基本的な Vue の基本的な記述方法は、メインのページでも、呼び出される側の「部品」でも同じでした。 基本は、HTML の部分で表示の基本的な構成を作って、Javascript で表示に使うデータを管理・処理します。これに加えて、CSS で表示の「飾り」をするという構成です。これをベースに、HTML、Javascript、CSS の連携のやり方に加えて、部品を呼び出す方(親)と呼び出される部品側(子)の間でのデータのやり取りのやり方を学んできました。これまでの、13 のステップで基本的な書き方をカバーして来ました。こうした基本を改めて振り返っって見てください。今回学ぶのは?今回学ぶのは、「スロット」の使い方です。 「スロット」を使うと、部品の呼び出し元(親)から、「部品」(子)にデータを渡す事ができます。まずは、変更前のコードを見てみます。(App.vue)<script>import ChildComp from "./ChildComp.vue";export default { components: { ChildComp, }, data() { retu
0