Vue父组件给子组件传值

js中写法:

var vm = new Vue({
    el:"#newBrand",
    data:{
        msg:"天气真的很好"
    },
    components:{
        mycom:{
            props:['message'],
            template:'<h1>从父组件获取的data中的msg是{{message}}</h1>'
        }
    }
});

html中写法:

<div id="newBrand">
    <mycom :message="msg"></mycom>
</div>

效果：