码迷,mamicode.com
首页 > 其他好文 > 详细

vue双向数据绑定

时间:2017-03-31 00:57:09      阅读:612      评论:0      收藏:0      [点我收藏+]

标签:data   model   inpu   它的   语法   value   vue   bind   简化   

父组件引用子组件时,可以使用 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双向数据绑定

标签:data   model   inpu   它的   语法   value   vue   bind   简化   

原文地址:http://www.cnblogs.com/summer0319/p/6649065.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!