VUE 父組件向子組件傳值

vue中使用組件中的props對象實現讓當前組件獲取父組件屬性值的功能

這個對象很容易理解，廢話很少說，上代碼：

<div id="app">
    <mycomponent english="hello" chinese="你好"></mycomponent>
</div>

<script>
    Vue.component('mycomponent', {
        props: ['english', 'chinese'],
        template: '<div>{{english}} {{chinese}}</div>'
    })
    var app = new Vue({
        el: "#app"
    })
</script>

官網和書中都太過於囉嗦
我總結的重點有以下部分：

1. props對象只接收數組或對象，上方例子是數組，對象類型實現起來也相似。
2. 當使用props在子組件中對父組件內同名屬性進行了定義後，對應的值就已經傳到vue容器中了，在template中可直接使用，不用聲明data對象。