组件vue传值

<div id="app">

    <hs :message="name"></hs> 用来接收值
</div>
<script>
    let app = new Vue({
        el:'#app',
        data:{
            name:'123'
        },
        components:{ 用来创建局部组件
            hs:{ //创建组件名字
                props:['message'], //用来组件传值 设置一个名字
                template:'<h1>{{message}}</h1>' //设置一个模板 解析模板传过来的值
            }
        }
    });
</script>