vuejs组件通信

时间：2017-04-08 13:34:50 阅读：208 评论：0 收藏：0 [点我收藏+]

标签：data 实例 rip message back js组件 bsp htm 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>

vuejs组件通信

标签：data 实例 rip message back js组件 bsp htm vuejs

原文地址：http://www.cnblogs.com/thankyouGod/p/6681615.html

踩

(0)

评论一句话评论（0）