本文介绍了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上新建站点并设置安全权限?
制作网站的模板软件,网站怎么建设?
义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?
建站之星安装路径如何正确选择及配置?
*请认真填写需求信息,我们会在24小时内与您取得联系。