2016年8月日历壁纸,别样 作文,风流武皇
思路:父组件通过props传值给子组件,子组件通过 $emit 来通知父组件修改相应的props值,具体实现如下:
import vue from 'vue' const component = { props: ['value'], template: ` <div> <input type="text" @input="handleinput" :value="value"> </div> `, data () { return{} }, methods: { handleinput (e) { this.$emit('input', e.target.value) } } } new vue({ components: { compone: component }, el: '#root', template: ` <div> <comp-one :value1="value" @input="value = arguments[0]"></comp-one> </div> `, data () { return{ value: '123' } } })
总结
以上所述是小编给大家介绍的vue组件内部实现一个双向数据绑定的实例代码,希望对大家有所帮助
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
详解element上传组件before-remove钩子问题解决
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
网友评论