为什么我vue组件已经写好了,但就是在htm中使用不了。浏览器也没有报错,这是为什么???-灵析社区

梦想缔造狮

import NavbarComponent from './components/NavbarComponent.vue'; export default { name: 'App', components: { NavbarComponent, }, }; Home About Contact export default { name: 'NavbarComponent', }; /* 样式可以根据你的需求自定义 */ .top-nav { background-color: #333; color: #fff; padding: 10px; } .top-nav ul { list-style-type: none; padding: 0; } .top-nav ul li { display: inline; margin-right: 20px; } .top-nav ul li a { color: #fff; text-decoration: none; } // main.js import { createApp } from 'vue'; import App from './App.vue'; import NavbarComponent from './components/NavbarComponent.vue'; const app = createApp(App); app.component('NavbarComponent', NavbarComponent); app.mount('#app'); Title 测试 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/2abdbd23b064e173489786fc5ee3674a.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/32f1951e096aac6ef4bfa3d4df1645d4.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/acf00a6f3b6ff0e795af117fd71a2a61.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/8f73385487a78e687555863a181cc945.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/bd54760263e5354398fc1f47276c335c.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/bc6f388efe48b3ae0d8bad939c065724.png)

阅读量:16

点赞量:0

问AI
你是不是少引用了什么文件啊?你看看打包好后的html文件里是怎么引用的先。