vue2.x 和 vue3.x的区别

组件中可以不需要有一个根标签包裹了。Fragments，模板里面不用创建唯一根节点，可以直接放同级标签和文本内容。

取消了全局事件总线。在Vue3中，从实例中完全移除了 $on、$off 和 $once 方法。$emit 仍然包含于现有的 API 中。

取消了项目中的生产提示 ：Vue.config.productionTip = false

移除了过滤器，官网的说法是，过滤器有学习成本，可以使用方法或者计算属性来代替。

删除了在组件上使用原生的事件时，需要加上.native的做法。

移除了键盘事件中的用KeyCode码来代替键盘上的键名的做法，原因是因为数字语义不够明确。

<input type="text" placeholder="按回车键提示" @keyup.13="getInfo">
1

v-if 和 v-for 同时存在于一个标签内，执行顺序对调了。vue2 是先执行的 v-for 再执行 v-if，vue3 是先执行 v-if，再执行 v-for。

生命周期中的beforDestroy 和 destroyed 改为了 beforeUnmount 和 unmounted

具名插槽中的slot=“abc” 不生效了。要使用v-slot:abc

router-link 中的tag属性取消了。tag属性是用来渲染标签的，如：tag="span" ，那么router-link最终渲染为 span 标签。

css属性的值，可以使用v-bind写成一个变量

<script setup>
	const boxWidth = "100px";
</script>

<style lang="scss">
.box {
     
  width: v-bind(boxWidth
1
2
3
4
5
6
7