应用入口
分类 | Composition / Options API(Vue3) | Options API(Vue2) |
---|---|---|
客户端渲染 | createApp() v3.0 | new Vue() v2.0 |
挂载 | app.mount() v3.0 | $mount() v2.0 |
卸载 | app.unmount() v3.0 | $destroy() v2.0 |
- | app.onUnmount() v3.5 | 同上 |
配置设置 | app.config v3.0 | Vue.config v2.0 |
版本 | app.version v3.0 | Vue.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'
});