vue双向数据绑定

Posted summer0319

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue双向数据绑定相关的知识,希望对你有一定的参考价值。

父组件引用子组件时,可以使用 v-model="params"  绑定一个变量,

在子组件中,需要使用props去接收一个value变量,即父组件绑定到的params的值

在子组件中,使用this.$emit("input" , someData); 可以触发父组件的input事件,someData是参数,它的值会赋给父组件的params的变量。

 

这种写法是一种简化的写法,是vue的语法糖。他也可以写成

 

 

<v-children v-bind:value="params"  @input="input(params)"></v-children>

 

this.$emit("input" , someDta);

以上是关于vue双向数据绑定的主要内容,如果未能解决你的问题,请参考以下文章

vue中数据双向绑定的原理是啥?

Vue的双向数据绑定原理

理解VUE2双向数据绑定原理和实现

前端面试被问到,vue实现数据双向绑定,原理是什么

vue组件双向绑定key的作用

Vue2从入门到精通详解Vue数据双向绑定原理及手动实现双向绑定