了解 Vue 应用应用实例
每个Vue应用都是通过 createApp 函数创建一个新的应用实例.
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
app.mount('#app')
根组件app 就是 vue 的实例对象
在一个vue项目中,有且只有一个Vue的实例对象
我们传入createApp的对象实际上是一个组件,每个应用都需要一个“根组件”,其他组件将作为子组件。
import { createApp } from 'vue'
// 根组件:直接引入从一个单文件
import App from './App.vue'
const app = createApp(App)
app.mount('#app')
挂载应用
应用实例必须在调用了mount()方法后才会渲染出来。
该方法接收了一个容器的参数,可以是一个实际的DOM元素或是一个CSS选择器。
app.mount('#app')
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
公共资源
在src目录下的assets文件夹的作用就是存放公共资源(images、css、font)