0
点赞
收藏
分享

微信扫一扫

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}
}

等等,暂时整理这几个,其他的后期完善。

更多:

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

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

济南网站开发

济南小程序开发

举报

相关推荐

0 条评论