vue中使用了extend的组件，修改后父组件内容后，刷新异常

当使用 `extend` 创建组件时，子组件会继承父组件的数据和方法，并且这些数据和方法都是响应式的。如果父组件的数据发生改变，子组件也会相应地更新。

如果你在父组件中修改了 `extend` 创建的子组件的属性，但是没有采取相应的措施更新子组件，那么子组件的视图就不会更新。这可能会导致你看到旧的子组件内容。

为了解决这个问题，你可以手动更新子组件。具体的做法是，给父组件的 `key` 属性绑定一个动态的值，这个值会在父组件属性发生变化时更新。这样做会强制 Vue 重新渲染子组件，从而使子组件的内容得到更新。

例如：

<template>
  <div>
    <extend-component :prop1="parentProp" :key="parentProp"></extend-component>
  </div>
</template>

在这个例子中，`extend-component` 是通过 `Vue.extend()` 创建的子组件。父组件的 `key` 属性绑定了一个动态的值 `parentProp`，这个值会在父组件的属性发生变化时更新。这样做可以强制 Vue 重新渲染子组件，使其内容得到更新。