vue sync用法

1、父组件

<add-rule :show.sync="showEditDialog" :addOrUpdate="addOrUpdate" @close="showEditDialog = false"  :ruleData="editIfo" />

2、子组件

// 这样可以// this.$emit('close')// 这样也可以this.$emit('update:show', false);

即：需要触发事件（update事件）。但是设置变量的话，变量传递不到父组件中。

说明：在使用sync修饰符时，一定会使用update:变量来更新变量值。

仅仅是在父组件中少定义了一个自定义函数（否则可以使用this.$emit('close')来触发变量值更新）。

vue sync用法相关推荐

vue .sync 用法
问题产生在有些情况下,我们可能需要对一个 prop 进行"双向绑定".不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源 ...
Vue中实现父子组件的数据的双向绑定（vue.sync的用法）
项目场景: 前两天日常开发时,遇到需要父子组件双向绑定的问题,出现了一些BUG,但是考虑到组件的可维护性,vue中是不允许子组件改变父组件传的props值的问题描述: 问题场景就是子组件传递数据给父 ...
Vue第二天学习总结—— Vue全家桶之组件化开发(组件化开发思想、组件注册、Vue调试工具用法、组件间数据交互传递、组件插槽、基于组件的案例——购物车)
(一) 组件化开发思想 1. 现实中的组件化思想体现组件化即是对某些可以进行复用的功能进行封装的标准化工作标准:要想组件能够成功组合在一起,每个组件必须要有标准分治:将不同的功能封装到不同的组件 ...
vue+filter+html标签,vue过滤器用法实例分析
本文实例讲述了vue过滤器用法.分享给大家供大家参考,具体如下: 过滤器: vue提供过滤器: capitalize uppercase currency.... {{msg|currency ￥}} ...
Vue -- watch用法
watch的作用可以监控一个值的变换,并调用因为变化需要执行的方法.可以通过watch动态改变关联的状态. vue watch用法 data:{a:1,b:{c:1}},watch:{a(val, o ...
小前端有话说之：[Vue warn]: Avoid mutating a prop directly since the value will be overwritte父子组件传值问题及sync用法
相信刚入坑的小前端们在父子组件传值修改的时候或多或少会出现这种警告警告原因:vue不推荐直接在子组件中修改父组件传来的props的值,会报警告~~ 即通过props传递给子组件的值,不能在子组件内部 ...
vue foreach用法_两年前端er，JS和Vue，面试被问了哪些问题呢？有点简单啊
上午跟一个大学学妹聊天,聊起了她近期的一次面试. 她的概况,工作两年不到,薪资要求在8-10K之间,技术栈Vue,想在大一点的团队工作,因为之前都是一个人做前端. 以下是问及的一些问题(我做了一些简单 ...
vue foreach用法_vue 源码探究（第二弹）
vue 源码探究(第二弹) 接着上一篇,继续来讲一个非常有意思的东西documentFragment 解析六.DocumentFragment: 文档碎片(高效批量更新多个节点) 这里先甩出 2 个 ...
VUE基础用法（四）
一.VUE中组件化思想 1.分布式思想 1.1)传统项目设计思想说明: 单体项目架构设计,在同一个tomcat服务器中,如果一个模块出现问题,则直接影响整个tomcat服务器运行,项目架构设计耦合性 ...

vue sync用法

vue sync用法相关推荐

最新文章

热门文章