vue中如何让子组件修改父组件数据
发布时间：2020-12-17 03:11:04 所属栏目：百科 来源：网络整理
导读：一、关于vue中watch的认识 我们要监听一个属性的的变化就使用watch一般是父组件传递给子组件的时候 1、常见的使用场景 2、如果要一开始就执行 3、深度监听(数组、对象) 二、关于子组件修改父组件属性认识 在vue2.0+ 后不再是双向绑定,如果要进行双向绑定需要
一、关于vue中watch的认识我们要监听一个属性的的变化就使用watch一般是父组件传递给子组件的时候 •1、常见的使用场景•2、如果要一开始就执行•3、深度监听(数组、对象)二、关于子组件修改父组件属性认识在vue2.0+ 后不再是双向绑定,如果要进行双向绑定需要特殊处理。 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead,use a data or computed property based on the prop's value. Prop being mutated: "你修改的属性名" •1、通过事件发送给父组件来修改
...
methods: {
add() {
// 直接把数据发送给父组件
this.$emit('update',this.book);
this.book = '';
},},**在父组件中**
•2、使用.sync 来让子组件修改父组件的值(其实是上面方法的精简版){{word}}•3、在子组件中拷贝一份副本总结以上所述是小编给大家介绍的vue中如何让子组件修改父组件数据。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |