国产探花免费观看_亚洲丰满少妇自慰呻吟_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>,就是一個語法糖。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 密山市| 吕梁市| 都匀市| 宽甸| 墨竹工卡县| 犍为县| 监利县| 烟台市| 新河县| 潜山县| 博白县| 视频| 峨山| 军事| 宜昌市| 溧阳市| 闻喜县| 子洲县| 宁波市| 高雄市| 平阴县| 姚安县| 广灵县| 甘泉县| 盘锦市| 瑞昌市| 大洼县| 五常市| 浮梁县| 胶州市| 黄浦区| 桐城市| 福建省| 长丰县| 如东县| 新密市| 南丰县| 平昌县| 镇巴县| 新邵县| 波密县|