vue的组件怎么传参

组件部分

<template>
    <div>
        <div class="three-com">
            我是{{who}},我在{{where}}
        </div>
    </div>
</template>

<script>
    export default {
        /*什么是props ：相当于函数中的形参
        注意形参要是字符串形式
        */
        props:["who","where"]
    }
</script>

<style lang="scss" scoped>
.three-com{
    border: 3px solid rebeccapurple;
    color: #000;
    padding: 10px;
    border-radius: 4px;
}
</style>

App.vue

<template>
  <div>
      <!-- 快速生成的写法：<three-com回车引入注册部分也自动生成 -->
      <!-- 组件复用怎么传参 -->
      <three-com who="river" where="csdn"></three-com>
      <three-com who="skyline" where="sky"/>
  </div>
</template>

<script>
import ThreeCom from './components/ThreeCom.vue';
export default {
  components: { ThreeCom },};
</script>

<style lang="scss" scoped>
</style>