YoseZang 2022-09-28 21:44 采纳率: 80%
浏览 30
已结题

Vue CLI创建的项目的组件的问题

使用Vue CLI生成的项目,有个地方不理解,
在项目默认生成的App.vue中定义的组件,在main.js中加载,为什么在index中没有进行引用(没有相应的标签对),但是还是加载了呢?

App.vue中默认定义的组件如下:

<template>
  <img alt="Vue logo" src="./assets/logo.png">
  <HelloWorld msg="Welcome to Your Vue.js App"/>
</template>

通过main.js进行挂载:

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

首页(index.html)的代码如下(body部分):

  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    
  </body>

1)按理说根元素App不应该包含template
2)id为app的元素里面没有引用某个组件啊(里面没有元素内容),但是渲染之后装载了App.vue定义的组件模板
这两个问题求解释,谢谢

  • 写回答

2条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 已结题 10月3日
      • 已采纳回答 10月3日
      • 创建了问题 9月28日

      悬赏问题

      • ¥15 救命期末期末考试救命不知道是什么东西,大题
      • ¥15 sql 时间计算问题
      • ¥15 51单片机按钮控制流水灯
      • ¥15 4元红包8人抢 可以预测尾数 0 9的位置吗
      • ¥20 Java项目在线求解
      • ¥40 Selenium 内核修改
      • ¥15 微信小程序选修课课程作业 急急急今晚10点前
      • ¥15 python写一下 if问题
      • ¥15 opencv c++虚拟画家
      • ¥35 python 生成exe报错问题