props
分类:
文章
•
2023-11-27 19:43:34
props传递数据
由于作用域的原因，Vue组件里的数据都是独立是的,父组件不能直接使用子组件的数据，子组件也不能直接使用父组件的数据，这时候需要用props。父组件在模板中使用子组件的时候可以给子组件传递数据，子组件需要通过props属性来接收后才能使用。如果父组件传递属性给子组件的时候键名有-，子组件接收的时候写成小驼峰的模式，可以用 v-bind 来动态地将 prop 绑定到父组件的数据。每当父组件的数据变化时，该变化也会传导给子组件。
单向数据流
Props 是单向绑定的，当父组件的属性变化时，将传递给子组件，但是反过来不会。这是为了防止子组件无意间修改了父组件的状态，来避免应用的数据流变得难以理解。
props验证
适用于检查数据类型的场景，不符合的情况下，会提示错误信息，但不会阻断程序运行。属性验证 props:{name:Number} Number,String,Boolean,Array,Object,Function,null(不限制类型)
