标签:get default div ops change methods 事件 template export
<!-- 父组件 -->
<template>
<view>
<syncA :title.sync="title"></syncA>
</view>
</template>
<script>
export default {
data() {
return {
title:"hello vue.js"
}
}
}
</script>
<!-- 子组件 -->
<template>
<view>
<view @click="changeTitle">{{title}}</view>
</view>
</template>
<script>
export default {
props: {
title: {
default: "hello"
},
},
methods:{
changeTitle(){
//触发一个更新事件
this.$emit(‘update:title‘,"uni-app")
}
}
}
</script>
父组件的prop绑定sync,则子组件变化update会触发父组件的变化
标签:get default div ops change methods 事件 template export
原文地址:https://www.cnblogs.com/cocoaguo/p/14230425.html