极客观点
项目管理
HarmonyOS
正在学习vue中，在用vue-cli安装webpack模板里，发现目录还有一些代码都和教程不太一样，有些不理解的地方，在index.html里是
<body>
<div id="page"></div>
<!-- built files will be auto injected -->
</body>在main.js里是
import Vue from 'vue';
import App from './App';
import router from './router';
Vue.config.productionTip = false;
/* eslint-disable no-new */
new Vue({
el: '#page',
router,
components: {
App
},
template: '<App/>'
});app.vue
<template>
<div id="app">
<div class="header">
I am header!
</div>
<div class="tab">
I am tab!
</div>
<div class="content">
I am content!
</div>
</div>
</template>在这里el不是指向我index.html页面中的#page的div吗？为什么编译运行完之后我在控制台看到的html结构没有#page这个div而是#app的div？
这里使用template,template就是模板引擎，在vue中，这样使用的话会把页面中的#page（包括id='page'这个标签）替换成template的内容。