vue 2.0親子コンポーネント間のデータ転送の方法
親子のコンポーネント間のデータ伝達については、実は文書でもよく分かります。
しかし、全く分からない人が計算しても分かりません。次は小さい例です。二つの書類があります。
1.parent.vue
以上は小编が皆さんに绍介したvue 2.0父子セットの间でデータを伝える方法です。皆さんの助けになりたいです。もし何か疑问がありましたら、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
しかし、全く分からない人が計算しても分かりません。次は小さい例です。二つの書類があります。
1.parent.vue
<template>
<child :child-msg="msg" @ok="event"></child>
</template>
<script>
import child from './child.vue';
export default {
data(){
return{
msg:'hello worldgogo'
}
},
components:{
child
},
methods:{
event(val){
console.log(val);
}
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
2.child.vue
<template>
<p>{{childMsghello}}</p>
</template>
<script>
export default {
props: ['childMsg'],
data(){
return{
childMsghello:this.childMsg+'this is child'
}
},
created(){
// , 200
this.$emit('ok','200');
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
締め括りをつける以上は小编が皆さんに绍介したvue 2.0父子セットの间でデータを伝える方法です。皆さんの助けになりたいです。もし何か疑问がありましたら、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。