首先需要在子級中注冊$emit事件
子級
模板1:html
<template>
<div id="users">
<p @click="chuanzhi">子級給父級傳值</p>
</div>
</template>
行為:js
<script>
export default(){
methods:{
chuanzhi(){
this.$emit("fangfa","子級傳遞的數(shù)據(jù)")
}
}
}
</script>
父級
模板:html
<template>
<!-- app為根標簽盗迟,只能唯一项棠,內(nèi)容只能添加到div里 !-->
<p>App里的標簽{{title}}</p>
<!-- 找到子級的節(jié)點,然后定義一個屬性接收傳遞進來的方法名字就是子級的事件名字 !-->
<!-- updatafangfa是隨便起的本地名字,括號內(nèi)的$event是固定寫法代表傳遞進來的內(nèi)容!-->
<users :fangfa="updatafangfa($event)" :user="userData"></users>
</template>
<!--行為:js !-->
<script>
//引用組件
import users form './components/Users'
export default{
data(){
return{
title:"App中的title數(shù)據(jù)"
}
}骂因,
methods:{
//創(chuàng)建方法哭靖,然后將傳遞進來的內(nèi)容拿到
updatafangfa(data){
this.title = data
}
}
}
</script>