国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 15:46:05
字體:
來源:轉載
供稿:網友

本文介紹了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>,就是一個語法糖。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 芦溪县| 木兰县| 楚雄市| 桐梓县| 上饶县| 从化市| 黄冈市| 合川市| 高碑店市| 刚察县| 广东省| 兖州市| 潢川县| 龙州县| 中方县| 元谋县| 东兴市| 延吉市| 鄄城县| 同德县| 亳州市| 鄂托克旗| 尖扎县| 林西县| 子洲县| 长治市| 集贤县| 丰顺县| 万山特区| 盐边县| 自治县| 沙湾县| 亳州市| 玛纳斯县| 乌兰浩特市| 乃东县| 东至县| 南溪县| 德钦县| 沙河市| 黄龙县|