vue基礎 - sync
官文
https://cn.vuejs.org/v2/guide/components.html
例項
父元件
<test :items.sync="data1"></test>
等同
<test :items="data1" @update:items="val => data1 = val"></test>
這兩種寫法都可以
子元件
watch: {
items(val) {
this.tableData = val
},
tableData(val) {
this.$emit('update:items', val)
}
},
computed: {
},
data() {
return {
tableData: [],
首先用一個的 data 物件來接受 prop 傳值
然後監控這個 data 變化,一旦變化 emit 到父元件更新
相關文章
- Java基礎--FileDescriptor sync方法Java
- VUE基礎Vue
- Vue 基礎概念Vue
- Vue 元件基礎Vue元件
- Vue基礎概念Vue
- vue基礎指令Vue
- vue-基礎Vue
- vue sync 修飾符Vue
- vue - vue基礎/vue核心內容Vue
- Vue 系列一 之 Vue 基礎Vue
- vue - vue基礎/vue核心內容(2)Vue
- Vue--元件基礎Vue元件
- Vue基礎語法Vue
- vue-元件基礎Vue元件
- VUE基礎總結Vue
- 【Vue學習】基礎Vue
- vue基礎-元件&插槽Vue元件
- Vue2基礎Vue
- Vue基礎知識Vue
- Vue3---基礎Vue
- Vue-vue基礎快速入門Vue
- vue-router路由基礎Vue路由
- vue系列基礎篇(一)Vue
- vue腳手架基礎Vue
- Vue.js的基礎Vue.js
- VUE的基礎案例1Vue
- Vue基礎-條件渲染Vue
- 重新學習vue基礎Vue
- vue - vue基礎/vue核心內容(終結篇)Vue
- Vue 基礎篇(一):Vue元件間通訊Vue元件
- Vue學習計劃基礎筆記(六) – 元件基礎Vue筆記元件
- 060、Vue3+TypeScript基礎,插槽的基礎用法VueTypeScript
- Vue的.sync修飾符的使用Vue
- 關於vue基礎總結Vue
- Vue開發之基礎路由Vue路由
- Vue.js基礎拾遺Vue.js
- Vue.js基礎總結Vue.js
- vue-property-decorator基礎教程Vue