vue 中 props 组件传参

注意一：组件传参的时候不能使用驼峰式命名规则

原因：html对大小写不敏感，浏览器会将所有的大写解释为小写
使用：在你使用模板的时候，如果模板中的prop中是以驼峰形式命名的，那么在传参的时候要以短线分隔，eg：

Vue.componet('myInpt',{
    porps:['errMess'],
    template:`<div>{
  {errMess}}</div>`
})
// 使用该模板传参的时候
<my-inpt my-input='hello'></my-inpt>

重申一次，如果你使用字符串模板，那么这个限制就不存在了。

注意二：一次传递多个数据
如果一次需要传多个参数过去，可以直接传递一个对象过去

//模板
let imPut = {
    template:'<div>{
  {tit}}-{
  {name}}-{
  {words}}</div>',
    props:['tit','name','words']
}

// vue实例
<div id='app'>
    <im-put :tit='tit' :name='name' :words='words'></im-put>   // 这里需要传递的数据过多，可以简写
</div>

new Vue({
    data