首页 > 解决方案 > 无法使用 v-pre 检测 vue 组件中的组件

问题描述

我想创建嵌套元素安装 vue。但是 vue-devtools 无法用 v-pre 检测 vue 组件中的组件。请参阅下面的所需代码:

HTML:

<body>
  <div id="app">
    <header></header>

    <main id="main" v-pre>
      something contents... <!-- NOT detected by vue-devtools -->
    </main>

    <footer></footer>
  </div>
</body>

附加的JavaScript:


...

// About layouts
new Vue({
  el: '#id',
  components: {
    Header,
    Footer
  }
});

// About main contents
new Vue({
  el: '#main',
  components: {
    ...
  }
});

...

我该如何解决这个问题?

标签: vue.jsvue-devtools

解决方案


推荐阅读