props是组件的自定义属性，可以提高组件的复用性，比如 做点击计数器的时候，我可以让计数器组件在A处赋初始值10，在B处赋初始值20

目录

1  基本用法

2  给默认值 default

3  值类型 type

4  是否必填 required

---

1  基本用法

props中的数据可以直接在模板中使用，可以用this读到

建议将props看成一个只读属性，不要修改props，想修改的时候用data()中的值接一下

使用v-bind传递参数可以传递数字，下图如果不加冒号，传递的就是字符串

打开之后是这样的

上下各点击一下，发现都可以正常使用

2  给默认值 default

这样我们不传props的时候就不会报错了

3  值类型 type

比如我们规定init_num值的类型必须为Number

• 常见的类型还有 String,Boolean,Array,Object

如果你给字符串的话就会有warning

但也只有warning，不会爆出错误让服务阻塞

4  是否必填 required

required一般不和default同时出现，即使你有默认值，如果required为true且不传props，那么还是会有warning

点击后不会出现红色的error