自定义组件
子组件向父组件传值需要通过函数，
父组件向子组件传值通过属性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>
