SOURCE

//子
Vue.componunt('blog-post',{
    props:['title'],
    data:function(){
        return{
            msg:'子组件'
        }
    },
 templete:'<div>{{title}}</div>'





})


//父
var vm = new Vue({
    el:'#app',
    data:{
        pmsg:'我是父级组件内容',
        ptitle:"hello"
    }

})

<div id="id">
    <div>{{pmsg}}}</div>
    <!-- 静态写死 -->
    <blog-post title="我是子组件静态写死"> </blog-post>
     <blog-post :title="ptitle"> </blog-post>
</div>