1. 报错

Compiled with problems:

ERROR
ResizeObserver loop limit exceeded
    at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)

点击按钮报错，网上给出的是解释是 在布局发生变化时，不支持每帧都调用
element-ui 中 table column 必须给出高度

我这里没有用element-ui，使用了@kangc/v-md-editor 插件，经验证也是高度造成的，去除就好了

2. 解决

<template>
  <div id="app1">
    <div>
      <header>单行注释代码
        <el-button class="el-button-info" @click="singleToMulti">单行转多行</el-button>
      </header>
      <v-md-editor v-model="singleText" height="400px" @copy-code-success="handleCopyCodeSuccess"
                   left-toolbar="undo redo clear| code javaCodeToolbar"  :toolbar="toolbar" ></v-md-editor>
      <header>多行注释代码</header>
      <v-md-editor v-model="multiText" height="400px" left-toolbar="undo redo clear"  :toolbar="toolbar" ></v-md-editor>

    </div>
  </div>
</template>

去除 第二个 v-md-editor 中 height="400px"， 我这里是想代码动态添加到md插件中，然后渲染，实际上不允许，高度由内容决定，不能外部给出