vuejs组件通信 

<body>

    <div id="example">
        <father></father>
    </div>
</body>
<script>
    Vue.component('child', {
        // 声明 props
        props: ['message'],
        // 就像 data 一样，prop 可以用在模板内
        // 同样也可以在 vm 实例中像 “this.message” 这样使用
        template: '<span>{{ message }}</span>'
    })


    Vue.component('father', {
        template: '<child message="hello!"></child>'
    })

    new Vue({
        el: '#example'
    })
</script>

</html>

 

posted @ 2017-04-08 13:15  次序  阅读(350)  评论(0)  编辑  收藏  举报