我从窗户里探头往外看，嘿！春天果然到来了。看，外面嫩绿的小草像动画片里的那样，慢慢探出头来。再看，那平坦的草地里，星星点点的眨着眼睛的是什么？哦！那是可爱的小花，还有小虫在花瓣里钻来钻去呢？嘻，原来是童话故事里睡在花瓣里的拇指姑娘啊！再看看，那干枯已久的柳树也伸出了嫩绿的手，轻轻地走来了美丽的春姑娘！
本文介绍了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修饰符的如何使用到此结束。是欲望，是理想，是伟大的梦想，充实了我们大脑，每一天，每一点，每一刻，都不能停止前进的脚步，因为为了欲飞就要努力跑，一直不停地向前行，一直走到生命的终结点，也不肯放弃。虽然我们不是鸟，是人，但是我们可以做一只天中的鸟人，鸟人多好，俯视大地，山川美景尽收眼底，那该是那么伟大而自豪的事；在地上，我们只是普普通通的小人，但是我们可以做一个了不起的人物；去认真做一件你没敢实现的大事，那么，成功就在彼岸，你就会因此而变得不平凡。小编再次感谢大家对我们的支持！
