【问题标题】:Duplicate Vue component instance重复的 Vue 组件实例
【发布时间】:2019-04-07 20:29:01
【问题描述】:

如何在使用新 dom 挂载后复制 vue 组件实例?

我尝试为模板生成器编写代码,并且我想复制一些块。

喜欢this site的复制功能

【问题讨论】:

    标签: javascript vue.js vuejs2 vue-component


    【解决方案1】:

    显示的示例不是 dom 复制,因为左 comp 只是一个按钮,而右 comp 处理其他事件。

    为什么在挂载后重复?您可以在代码中复制组件声明。

    这是一个像您的示例一样的有效模板:

    <div>
        <my-component style="width:10%" :data="data"/>
        <my-component style="width:90%" :data="data"/>
    </div>
    

    在这两个实例中都会看到数据的任何变化,因为它们“观察”相同的数据。

    【讨论】:

    • 我想复制所有更改
    • 当然,使用 Vue.JS,组件可以查看您的数据(存储和/或道具)。您当然可以在代码中克隆一个组件,然后在一个组件中的更改将在另一个组件中看到。
    猜你喜欢
    • 1970-01-01
    • 2017-03-25
    • 2020-04-03
    • 2020-03-07
    • 1970-01-01
    • 2017-10-05
    • 2018-01-17
    • 2018-09-08
    • 1970-01-01
    相关资源
    最近更新 更多