以下會用到 Pug 套件，請去安裝 pug套件，可參考：

從頭開始用 Laravel 來做CRUD -12- 架設 - npm - pug

這次來寫 如何由子組件傳值（Value）給父組件

其實寫法和 [Vue,組件] 如何由子組件按鈕去執行父組件的方法 (methods)[Vue,組件] 如何由子組件按鈕去執行父組件的方法 (methods) 是相同的

連結

只不過差別在於父組件的methods，就不能帶變數了

v-on:update-item="updateItem(model,vuex)"

改為

v-on:update-item="updateItem"

1、Parents.vue > template

<template lang="pug">
// Parents.vue 
div
    app-child(
        v-on:update-item="updateItem"
    )
</template>

2、Parents.vue > script

<script>
// Parents.vue
import Child from './Child.vue'

export default{
    components: {
        appChild: Child,
    },
    data(){
        return {}
    },
    methods:    {
        updateItme(value1,value2){
            // do Something
        }
    }
}
</script>

3、Child.vue > template

<template lang="pug">
// Child.vue 
div
    a(
        v-on:click="updateClick()"
    ) update
</template>

4、Child.vue > script

<script>
// Child.vue
export default{
    methods:    {
        updateClick(){
            this.$emit('update-item',value1,value2) 
        }
    }
}
</script>

記得，如果父組件 methods 自帶參數的話，就會以自帶參數的數據為主

--- 相關文章 ----
[Vue,組件] 如何由父組件按鈕去執行子組件的方法 (methods)
[Vue,組件] 如何由子組件按鈕去執行父組件的方法 (methods)
[Vue,組件] 如何由父組件傳值（Value）給子組件
[Vue,組件] 如何由子組件傳值（Value）給父組件
--- 更多的文章 在痞客邦 ----
痞客邦

感謝

感謝各位的觀看！
友情連結：鑽頭-瑜誠
文中如有技術不良或寫錯的部份，如您願意指出，我們也很樂意接受您的指正，但請不要惡意攻撃，我們只是為了樂趣而寫的文章。