首页 > 代码库 > vuejs组件通信

vuejs组件通信

2024-09-13 08:29:48   213人阅读

<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组件通信


联系
我们