当前位置: 首页 > news >正文

网站建设个体营业执照百度大数据

网站建设个体营业执照,百度大数据,网站栏目模版,wordpress展示页面模板下载.sync修饰符作用 .sync修饰符是一个语法糖,可以简化父子组件通信操作,当子组件想改变父组件数值时,父组件只需要使用.sync修饰符,子组件使用props接收属性,再使用this.$emit(update:属性, 值);就可以实现子组件更新父…

.sync修饰符作用

.sync修饰符是一个语法糖,可以简化父子组件通信操作,当子组件想改变父组件数值时,父组件只需要使用.sync修饰符,子组件使用props接收属性,再使用this.$emit('update:属性', 值);就可以实现子组件更新父组件数据的操作。

以下将用el-dialog例子展示传统父子通信及使用.sync修饰符后的父子通信区别:

传统父子通信

//父组件
<template><div><button @click="openDialog">打开对话框</button>
<!--给子组件传递dialogVisible属性--><ChildDialog :dialogVisible="dialogVisible" @updateDialogVisible="handleDialogVisibleChange"></ChildDialog></div>
</template><script>
import ChildDialog from './ChildDialog.vue';export default {components: {ChildDialog},data() {return {dialogVisible: false};},methods: {openDialog() {this.dialogVisible = true;},
//收到子组件传来的新值,更新dialogVisible handleDialogVisibleChange(newVisible) {this.dialogVisible = newVisible;}}
};
</script>//子组件
<template><el-dialog :visible="dialogVisible" @close="closeDialog"><span>这是对话框内容</span></el-dialog>
</template><script>
export default {props: {dialogVisible: {type: Boolean}},methods: {closeDialog() {
//自定义监听事件,将新值传给父组件this.$emit('updateDialogVisible', false);}}
};
</script>

.sync修饰符父子通信

//父组件
<template><div><button @click="dialogVisible = true">打开对话框</button>
<!--父组件不需要再绑定监听事件获取新值再赋给dialogVisible.sync修饰符可以自动完成数据更新操作,更简洁--><ChildDialog :dialogVisible.sync="dialogVisible"></ChildDialog></div>
</template><script>
import ChildDialog from './ChildDialog.vue';export default {components: {ChildDialog},data() {return {dialogVisible: false};}
};
</script>//子组件
<template><el-dialog :visible="dialogVisible" @close="closeDialog"><span>这是对话框内容</span></el-dialog></template><script>
export default {props: {dialogVisible: {type: Boolean}},methods: {closeDialog() {
//告诉父组件哪个属性更新并且传新值this.$emit('update:dialogVisible', false);}}
};
</script>

欢迎指正!

http://www.khdw.cn/news/20575.html

相关文章:

  • css网站模板企业策划方案怎么做
  • 新媒体做图网站创建自己的网站怎么弄
  • 兰州网站建设优化推广互联网广告代理商
  • 中国网站建设网页设计seo短视频发布页
  • 宠物店网站怎么做营销策略怎么写
  • 制作logo免费网站重庆网站建设公司
  • 如何做网站图标官方网站百度一下
  • 做书app下载网站有哪些seo 优化一般包括哪些内容
  • 网站怎么制作做百度账号登录入口网页版
  • 企业网站优化推广怎么做怎么推广一个平台
  • 定制网络教研系统适合seo优化的网站
  • 石狮做网站搜狗竞价推广效果怎么样
  • 长春建设平台网站的公司吗网络软文广告
  • 建设网站三要如何提高网站排名seo
  • 怎么自己做淘客网站百度收录提交入口地址
  • 荆门网站开发公司电话seo排名优化
  • 网站策划报告书怎么做网站服务费一年多少钱
  • 做平面设计兼职的网站互联网营销师考试题及答案
  • 本溪北京网站建设电商数据统计网站
  • wordpress中文摘要台州关键词优化报价
  • 电子商务网站建设流程google推广妙招
  • 为传销做网站公司网站设计的内容有哪些
  • 做一张网站图多少钱百度识图网页版在线使用
  • 南京做网站哪家公司好百度爱企查电话人工服务总部
  • qq登录网站授权怎么做百度怎么做广告推广
  • 网站页面建设规划文案下拉词排名
  • 做seo的网站推广网络seo是什么意思
  • 求职网站网页设计中央新闻联播
  • 广州网站制作怎么选网站目录
  • 做网站网页优秀营销软文100篇