vue父子組件傳值

vue父子組件如何傳值呢？我們一起了解一下吧！

父子組件就是在一個vue文件中引入另一個vue文件，被引入vue文件就是子組件，引入vue文件的vue文件就是父組件。以下是父子組件傳值的具體操作。

1.父向子傳值props

父組件：<child :inputName="name">

子組件：

（1）props: {
   inputName: String,

   required: true

  }

（2）props: ["inputName"]

2.子組件向父組件傳值$emit

子組件:

 <span>{{childValue}}</span>

 <!-- 定義一個子組件傳值的方法 -->

  <input type="button" value="點擊觸發(fā)" @click="childClick">

 export default {
  data () {
   return {
    childValue: '我是子組件的數(shù)據(jù)'

   }

  },

  methods: {
   childClick () {  

    this.$emit('childByValue', this.childValue)

   }

  }

 }

關(guān)于父子組件傳值，我們就分享到這啦！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com