自定义组件

• 子组件向父组件传值需要通过函数，
  父组件向子组件传值通过属性

• this.$emit当前组件触发一个事件

• this.$on当前组件上监听一个事件

  定义

  //定义AInput.vue
  <template>
    <input @input="handleInput" :value="value"/>
  </template>
  <script>
   export default {
    name: 'AInput',
    props: {
    vaule: {
        type: [String,Number],
        default: ''
      }
    },
  methods: {
    handleInput (event){
        const value = event.target.value
        this.$emit('input',value)
      }
    }
  }
  </script>
  

使用

<template>
  <div>
      <!-- v-model 是一个语法糖 相当于 :value="inputValue" @input="handleInput" -->
      <a-input v-model="inputValue"/>
  </div>
</template>
<script>
import AInput from '_c/AInput.vue'
export default {
  name: 'store',
  data () {
    return {
        inputValue: ''
    }
  },
  components: {
    AInput   // 简写AInput:AInput
  }
}
</script>