vue3.0记录-3.1main.js语法与2.0对比

3.1 main.js的区别

先直接看代码上的区别

2.x(使用旧版脚手架创建)

import Vue from 'vue'
import App from './App'
new Vue({
	el:'#app',
	components:{App},
	template:'<app/>'
}) 

2.x(使用新版脚手架创建)

import Vue from 'vue'
import App from './App.vue'
new Vue({
	render:h=>h(App)
}).$mount('#app')

3.0

import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')

区别

• vue3.0的写法上更加的简洁
• vue3.0中的main.js引用vue变成函数式
• vue3.0变为createApp创建vue实例