vue中是一個.vue結尾的vue文件其中包括<template>標簽里邊寫html，而react是在render函數中.。script用來寫js，style中用來寫css。那么我們來看看vue是怎么寫的吧

子組件中

1，用export default 導出子組件,其中標紅的是用來父子組件傳值的this.$emit('reChild')指發送一個自定事件到父組件中，父組件中只要在引入這個子組件標簽的時候v-on:reChild="rece"其中rece為父組件中methods中的一個方法。　props表示用來接收父組件傳遞過來的值還可以對這個值進行類型的限制和默認值的設置。父組件只要在這個子組件的標簽上用v-bind:data='aaa'這個aaa是父組件中data中的一個變量，或者data=‘bbb’這時候data的值就是一個常量了。　

<template><div><div @click='toParent'><div/></div> </template> export default { data(){}, methods:{toParent(){this.$emit('reChild');} }, props:{data:{type:Object,default:{}} } }

?

轉載于:https://www.cnblogs.com/hjdjs/p/7217184.html

總結

以上是生活随笔為你收集整理的vue知识总结第一篇vue组件的定义以及父子组件的传值。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。