vuejs组件通信

Posted 影响力

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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组件通信的主要内容,如果未能解决你的问题,请参考以下文章

vuejs中的组件以及父子组件间通信传值

vuejs组件通信

Vuejs339- Vue.js 组件通信精髓归纳

Android 调用组件 w/listener 或让 viewmodel 调用组件与片段通信

使用动态组件和自定义事件时的 VueJS 警告

VueJS 中的父子通信