vue3中父组件与子组件的通信传值

父组件传值到子组件

所有的 props 都遵循着单向绑定原则,props 因父组件的更新而变化,自然地将新的状态向下流往子组件,而不会逆向传递。这避免了子组件意外修改父组件的状态的情况,不然应用的数据流将很容易变得混乱而难以理解,
另外,每次父组件更新后,所有的子组件中的 props 都会被更新到最新值,这意味着你不应该在子组件中去更改一个 prop。若你这么做了,Vue 会在控制台上向你抛出警告:

 父组件


子组件:用props 数组来接收参数


子组件:用props对象来接收参数


下面列举了所有可能的数据类型 

export default {
	props: {
        propA : String,  //字符串类型
        propB : Number,  //数字类型
        propC : Boolean, //布尔值类型
        propD : Array,  //数组类型
        propE : Object, //对象类型
        propF : Date,  //日期类型
        propG: Function, //函数类型
        propH: Symbol, //符号类型
    }
}

你可能感兴趣的:(vue.js,前端,javascript)