Question

在我的@ public / index.html文件的@ vue / cli 4.0.5应用程序中，我看到div id =“ app”的代码

  <body>
    <noscript>
      <strong>We're sorry but vtasks doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app" style=" ></div>
    <!-- built files will be auto injected -->
  </body>

很明显，但是在/src/App.vue文件中，我还看到了带有“ app” ID的div：

<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>
    <router-view/>
  </div>
</template>

<style lang="scss">
...

这非常令人困惑，对于2个“ app” div来说是什么？在/public/index.html中使用div进行一些更改，我看到它在此处显示在页面中。

Answer 1

webpack（vue-cli使用的）编译vue文件的方式是将{em>插入 index.html文件，因此，当然，您将拥有与之基本相同的app webpack App.vue中的应用，然后将其编译为index.html。
一般来说，您不想从索引文件而不是从vue文件对vue应用程序进行更改。

在@ vue / cli 4.0.5 app 2“ app” div中做什么？

1 个答案: