20200430 Vue 数据验证

vue 组件中的驼峰式命名和短横线命名

• 在 html 中，'myComponent' 和 'my-component' 是一样的，因此，在组件中的 html 中使用必须使用 短横线 命名方式，在html中不允许使用驼峰式命名
• 在组件中，父组件给子组件传递数据必须使用短横线。
• 在 template 中，必须使用驼峰式命名。
• 在组件的 data 中，用 this.xxx 引用时，只能使用 驼峰式命名。

---

数据验证

验证的 type 可以是 ：

• String
• Number
• Boolean
• Object
• Array
• Function

数据验证主要是对 props 传递进来的数据进行类型验证，并给它设定一些选项，比如给它指定一个默认值或是指定它必须为某一种数据类型