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对象。