vue中prop属性传值解析
刚接触前端开发的小伙伴或许不熟悉prop属性，但是有react框架经验的小伙伴肯定很熟悉它，我一直在用props属性，但到今天我才有时间整理prop属性的用法。废话不多直入主题。
1.prop的定义：在没有状态管理机制的时候，prop属性是组件之间主要的通信方式，prop属性其实是一个对象，在这个对象里可以定义一些数据，而这些数据可以通过父组件传递给子组件。
2.prop定义的数据类型。props: { name: String, //字符串类型 type: { validator: function(value) { //验证函数 // 这个值必须匹配下列字符串中的一个 return ["success", "warning", "danger"].includes(value); } }, list: { type: Array,//数组类型，也可以是Object default: () => [] }, isVisible: { //Boolean类型 type: Boolean, default: false }, onChange: { //函数类型 type: Function, default: () => {} } },
3.非prop特性。有时候父组件会向子组件传任意特性。比如现在有一个父组件Parent,一个子组件Child,这时候你要向子组件添加一个data-date-picker="activated" ，这时候你在Child组件中加inheritAttrs:false
如有侵权请及时联系我们处理，转载请注明出处来自
随机推荐
科技快讯 |备案号：( 沪ICP备2026008940号-1 )
