极客观点
项目管理
HarmonyOS
// main.js
new Vue({
el: '#app',
router,
template: '<App/>',
components: { App }
})
// index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
<div id="app"></div>
</body>
</html>
// App.vue
<template>
<div id="app">
<router-view/>
</div>
</template>
<script>
export default {
name: 'app'
}
</script>
初始化一个 Vue 项目的时候会有以上代码，但是我不知道 main.js 里面的 #app 是指哪一个，是 index.html 里面的 #app 吗？但是我把这两个 #app 都改成 #app1 浏览器会报错，说找不到 #app1，这怎么回事？
html里的app是对应main.js里的