import 后的组件，如果在代码里给它传数据？

[akaylh]

比如有组件 C 和 D ，他们根据传入的数据不同，界面也不一样。 现在组件 B 里 import 组件 C 和 D ，请问如何在 js 代码里给 C ， D 组件传递数据呢？

<template>
    <div>
     <component :is="currentView"></component>
   </div>
</template>

<script>

  import C from './C.vue'
  import D from './D.vue'

    export default {
      data() {
        return {
          currentView:null
        }
      },   
      methods: {
        clickSwitch(row, event){
          if(row.type==='c'){
            this.currentView = C; //这里如果给 C 组件传送数据呢？
          }else{
            this.currentView = D;//这里如果给 D 组件传送数据呢？
          }
        }
      }
    }
</script>

[readonly]

is 只接收字符串吧！那么属性就是写在 component 上面了

[hxsf]

v-if 可破

[Troevil]

component 内定义
props :{
xx:{ type:String }
}

, 然后 调用时 可用
< component :xx="aa" >
aa 可以为变量或者字符串等

[Troevil]

@Troevil 然后 component 内可以接收此参数

[akaylh]

@Troevil @hxsf 你们提供的方法都可以，非常感谢！