Vue_组件传值_父组件向子组件传值

• 在子组件的props属性(它是一个数组)中添加一个自定义变量,并在子组件中调用这个变量.
• 在html模板中添加子组件,通过属性绑定该props值到vm实例中的数据,从而达到父组件向子组件传值的效果.

<div id="app">
        <son-com :data-from-father="msg"></son-com>
    </div>

var sonCom = {
            props: ['dataFromFather'],
            template: '<h1>{{dataFromFather}}</h1>'
        }
        var vm = new Vue({
            el: "#app",
            data: {
                msg: '这是来自父组件的数据'
            },
            methods: {},
            filters: {},
            directives: {},
            components: {
                sonCom
            },
            watch: {},
            computed: {}
        });