vue 的入口方法?
在 Vue.js 中,应用程序的入口通常是创建一个新的 Vue 实例并挂载到 DOM 上。在 Vue 3 中,你可以这样做:
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')
在这个代码中:
- 我们从
vue
模块导入了createApp
函数。 - 我们从
App.vue
文件导入了App
组件,这通常是我们应用的根组件。 - 我们使用
createApp
创建了一个新的 Vue 应用实例,并将App
作为根组件。 - 最后,我们调用
mount
方法将应用挂载到 ID 为app
的 DOM 元素上。
这就是启动 Vue 应用的入口方法。
注意,在 Vue 2 中,创建和挂载 Vue 实例的方式略有不同:
import Vue from 'vue'
import App from './App.vue'
new Vue({
render: h => h(App),
}).$mount('#app')
在这个版本中,我们直接创建了一个 Vue
实例,然后提供了一个 render
函数来渲染 App
组件,最后调用了 $mount
方法进行挂载。