Vue2和Vue3的区别_Vue3和Vue2的区别

Vue2和Vue3的区别

一、Vue 3 的 Template 支持多个根标签，Vue 2 不支持

二、Vue 3 有 createApp()，而 Vue 2 的是 new Vue()
createApp(组件)，new Vue({template, render})

三、v-model代替以前的v-model和.sync
vue3中v-model的用法

要求:
3.1. props属性名任意，假设为x
3.2. 事件名必须为"update:x"
效果：

<Switch :value="y" @update:value="y=$event"/>
vue2中的写法
<Switch :value.sync="y"/>
vue3中的写法
<Switch v-model:value="y"/>

四、新增context.emit，与this.$emit（vue3中只能在methods里使用）作用相同

import {SetupContext } from 'vue'
setup(props: Prop, context: SetupContext) {
    const toggle = () => {
      context.emit('input', !props.value)
    }
    return {toggle}
}

五、Element2转Element3应该注意的问题整理：

 

 ​​​​​​​

 

更多：

Vue3+Element Plus开发搭建_Vue3+Element3开发搭建

 升级Vue3.0_CLI 方式升级Vue3.0

济南网站开发

济南小程序开发