props

用于接收父组件传递的值

在使用

在没有使用

不同值类型的传递

Number

Boolean

// 如果传递的数据是true时，可以直接写传递的属性名即可

// 传递的false需要书写完整

// 传递已经定义的值

Array

// 直接传递一个数组

// 传递一个存在的数组

Object

// 和数组类似，不多做解释了

:author="{

name: 'Veronica',

company: 'Veridian Dynamics'

}"

/>

使用一个对象绑定多个prop

// 定义

const post = {

id: 1,

title: 'My Journey with Vue'

}

// 传递

// 直接v-bind传递

// 相当于

// 子组件接收 -- 分开声明，不能直接定义一个post: Oject

const props = defineProps({

id: Number,

title: {

type: String,

required: true

}

})

单项数据流

props传递的数据是只读的，不可修改，否则后台会警告

单项数据流的本意就是当父组件更新后，子组件的props也会跟着获取最新的值，不能去修改，如果去更改会警告

对于复杂数据类型而言，虽然可以更改并且也不会警告，但也不建议这样去做

这其实卡了复杂数据类型地址不变的bug，虽然可以，但也有很大的性能损耗，得不偿失

文章来源

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：