介绍
记录Vue中很有趣的小特性
# App.vue中的id
App.vue
是所有页面的挂载对象 通常这个页面的div
会绑定一个id 这个id很有意思
Vue2中的id
- Vue2中的id是app 他和
main.js
入口文件中的挂载是一致的 都是app
Vue3中的id
- 有意思的是 Vue3中的id 和
main.js
入口文件中的不一致main.js
中是appApp.vue
中是nav
为什么捏
通过百度查到的解释:
- 实质上nav标签是app标签的子元素,最终页面显示的是public目录下面的
index.html
的内容,也就是App.vue
的内容实质上只是被挂载到app标签里面,并不是直接就在页面显示App.vue
的内容 - 所以,App.vue里面你的div标签无论id是什么,都会显示
# 参考文献
App.vue文件里id是'nav', main.js中挂载的id是app,为什么能正常打开的? (opens new window)