SOURCE

Vue.component('cpnt-1', {
      template: `<p>
                  <label>{{ k }}:</label>
                  <input v-model="myValue" />
                </p>`,
      /* 注意：不能使用key作为propName，原因未知
      	 可简写成array形式，不推荐，props: ['k', 'myValue']
      */
      props: {
        k: String,
        p1: [String, Number],
        myValue: {
          type: Number,
          required: true,
          Default: 0,
          // Default: () => ({a: 1})，对象应该使用工厂函数
          // Validator: function () {}，自定义验证函数
        }
      },
      // data () {
      //   return {
      //     aa: this.myValue.splice(1, 1)
      //   }
      // },
})

let vm = new Vue({
  data () {
    return {
      message: 'wanglin',
      k: 'b',
      v: 2,
      kv: {
        k: 'c',
        myValue: 3
      }
    }
  }
})

vm.$mount('#app')

<div id="app">
  <p>{{ message.repeat(2) }}</p>
  
  <!-- 使用v-bind绑定parent的值
      注意html中my-value对应cpnt的myValue，其他写法无效，也可以用字符串模板
      可直接使用v-bind绑定对象，属性名称要求一致
      不能使用'key'作为propName，原因未知，如v-bind:key="key"-->
  <cpnt-1 :k="k" v-bind:my-value="v"></cpnt-1>
  <cpnt-1 v-bind="kv"></cpnt-1>
</div>