Skip to content

应用入口

分类Composition / Options API(Vue3)Options API(Vue2)
客户端渲染createApp() v3.0new Vue() v2.0
挂载app.mount() v3.0$mount() v2.0
卸载app.unmount() v3.0$destroy() v2.0
-app.onUnmount() v3.5同上
配置设置app.config v3.0Vue.config v2.0
版本app.version v3.0Vue.version v2.0

入口配置

Vue 应用入口:src/main.ts

typescript
import { createApp } from 'vue'

// 导入 App 组件
import App from './App.vue'

// 创建 app
const app = createApp(App) 

// 挂载到 DOM
app.mount('#app') 
typescript
// 创建 App 组件
var App = Vue.extend({
  template: '<div>Hello!</div>'
});

// 创建 app 并挂载到 #app
new App().$mount('#app') 

// 同上
new App({ el: '#app' })

// ======
// 同上
new Vue({
  template: '<div>Hello!</div>',
  el: '#app'
});