前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue回炉重造之如何使用props、emit实现自定义双向绑定

Vue回炉重造之如何使用props、emit实现自定义双向绑定

作者头像
马克社区
发布2022-05-18 17:26:11
3850
发布2022-05-18 17:26:11
举报
文章被收录于专栏:高端IT高端IT

下面我将使用Vue自带的属性实现简单的双向绑定。

下面的例子就是利用了父组件传给子组件(在子组件定义props属性,在父组件的子组件上绑定属性),子组件传给父组件(在子组件使用$emit()属性定义一个触发方法,在父组件上的子组件监听这个事件)。

import Vue from ‘vueEsm’

var Com = { name:‘Com’, props:[‘val’], template:<input type='text' @input='handleInput'/>, methods: { handleInput(e){ this.$emit(“input”,e.target.value); } }, }

new Vue({ el:’#app’, data() { return { value:’’ } }, components:{ Com },

更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/119250576

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档