Vue 组件传值两种写法区别

两种传参方式

//  方式一
    <MyComp :data="data" />
//  方式二
    <MyComp v-bind="data">

第一种方式是将data 整体传到子组件

第二种方式是将data 的所有参数 作为每一个参数传到子组件

PS: 还有v-model=“参数”  的传值方式

　　这种传值方式 与 :data="data" 相似

　　不同之处再与 props 为单项数据流  v-model 为双向数据流

　　v-model 默认传递的 参数名 为 modelValue

　　可以使用 v-model:参数名=“参数” 的形式设置具体的参数名  eg:  v-model:mydata="mydatas"  传递了一个参数 mydata 他的值是 mydatas