如何理解Vue的.sync修饰符的使用

本文介绍了Vue的.sync修饰符的使用，分享给大家，也给自己留个笔记

案例

<div id="app">
  <div>{{bar}}</div>
  <my-comp :foo.sync="bar"></my-comp>
  <!-- <my-comp :foo="bar" @update:foo="val => bar = val"></my-comp> -->
</div>
<script>
  Vue.component('my-comp', {
    template: '<div @click="increment">点我+1</div>',
    data: function() {
      return {copyFoo: this.foo}
    },
    props: ['foo'],
    methods: {
      increment: function() {
        this.$emit('update:foo', ++this.copyFoo);
      }
    }
  });
  new Vue({
    el: '#app',
    data: {bar: 0}
  });
</script>

说明：代码<my-comp :foo.sync="bar"></my-comp>会被扩展成<comp :foo="bar" @update:foo="val => bar = val"></comp>，就是一个语法糖。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # 修饰符sync  # sync修饰符示例  # Vue3父子组件传参有关sync修饰符的用法详解  # vue中v-model指令与.sync修饰符的区别详解  # 详解Vue的sync修饰符  # 详解VUE自定义组件中用.sync修饰符与v-model的区别  # vue .sync修饰符的使用详解  # vue 之 .sync 修饰符示例详解  # vue中的.sync修饰符用法及原理分析  # 给大家  # 也给  # 大家多多  # 留个  # 修饰符  # id  # div  # lt  # gt  # bar  # app  # js  # br  # sync 

相关文章： 建站主机选哪家性价比最高？  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  SQL查询语句优化的实用方法总结  c++ stringstream用法详解_c++字符串与数字转换利器  广州商城建站系统开发成本与周期如何控制？  长沙企业网站制作哪家好,长沙水业集团官方网站？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  如何选择最佳自助建站系统？快速指南解析优劣  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  官网网站制作腾讯审核要多久,联想路由器newifi官网  无锡营销型网站制作公司,无锡网选车牌流程？  网站按钮制作软件,如何实现网页中按钮的自动点击？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何通过虚拟主机快速完成网站搭建？  如何选择高效稳定的ISP建站解决方案？  如何撰写建站申请书？关键要点有哪些？  如何在宝塔面板中创建新站点？  外贸公司网站制作哪家好,maersk船公司官网？  如何确保FTP站点访问权限与数据传输安全？  宝塔建站后网页无法访问如何解决？  如何在IIS中配置站点IP、端口及主机头？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  如何通过cPanel快速搭建网站？  建站之星代理商如何保障技术支持与售后服务？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  如何构建满足综合性能需求的优质建站方案？  如何快速查询域名建站关键信息？  ,怎么用自己头像做动态表情包？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  如何在IIS中新建站点并配置端口与IP地址？  建站VPS选购需注意哪些关键参数？  如何用好域名打造高点击率的自主建站？  建站之星在线版空间：自助建站+智能模板一键生成方案  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  网站制作免费,什么网站能看正片电影？  公司网站设计制作厂家,怎么创建自己的一个网站？  教学网站制作软件,学习*后期制作的网站有哪些？  详解jQuery停止动画——stop()方法的使用  小型网站建站如何选择虚拟主机？  兔展官网 在线制作,怎样制作微信请帖？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  如何在阿里云虚拟主机上快速搭建个人网站？  实现虚拟支付需哪些建站技术支撑？  建站之星如何保障用户数据免受黑客入侵？  高端建站如何打造兼具美学与转化的品牌官网？  建站之星如何修改网站生成路径？  如何在IIS7上新建站点并设置安全权限？  制作网站的模板软件,网站怎么建设？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  建站之星安装路径如何正确选择及配置？