在我的/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进行一些更改,我看到它在我的页面中呈现了...

===============>>#1 票数:1

webpack(vue-cli使用的)编译vue文件的方式是进入 index.html文件,因此,当然,您将拥有相同的app基本上webpack将您的应用程序从App.vue并编译为index.html
一般来说,您不想从索引文件而不是从vue文件对vue应用程序进行更改。

  ask by Petro Gromovo translate from so

本文未有回复,本站智能推荐: