Vue 组件强制刷新

这篇文章是接上篇文章，本人实现 markdown 编辑器时，碰到的问题 https://segmentfault.com/a/11…

我右边输出了内容，左边 markdown 施行更新

强制刷新组件

Vue 官网 key 的形容
能够查看 Vue 官网，对于 key 的形容

以便它能跟踪每个节点的身份，从而重用和从新排序现有元素，你须要为每项提供一个惟一 key attribute：

Vue 中的虚构 dom 树也是依据 key 的变动，来判断是否刷新组件，这一点很重要, 所以咱们就给想要强制刷新的组件加一个 key。

而后定义一个办法，专门扭转 key 的值，就能够强制刷新组件，这种扭转 key 的形式效率是最高的。

如下例子

<demo-component :key="demoKey" />

data() {
  return {
    // 这里轻易赋值
    demoKey: 0
  }
},
method: {
    // 扭转 key 从新渲染, 想要从新渲染的时候就调用这个办法
    forceRerender() {this.demoKey ='demo-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '')
    }
}