vue3与vue2的区别

1、vue3弃用了.native .sync 修饰符

vue3弃用了.native .sync 修饰符

<template>

<!-- ✓ 正确写法 -->

<CoolInput v-on:keydown.enter="onKeydownEnter" />

<CoolInput @keydown.enter="onKeydownEnter" />

<!-- ✗ 错误写法 -->

<CoolInput v-on:keydown.native="onKeydown" />

<CoolInput @keydown.enter.native="onKeydownEnter" />

</template>

2、solt用法改变

<template>  <div>    <slot name="title"></slot>  </div></template>

3、样式 /deep/

<style>
.父元素class :deep(.class){
}
</style>

 4、The `destroyed` lifecycle hook is deprecated. Use `unmounted` instead