vue component 组件 父向子 循环 传值 （学习）

需求

vue component 组件 父向子传值 循环使用组件

效果

步骤

• 注意：每次循环，变量和组件，都是独立的

1. 子组件内，props 定义变量，在子组件使用变量

<template>
 <div class="my-product">
   <h3>标题: {
   {
    title }}</h3>
   <p>价格: {
   {
    price }}元</p