vue 2与vue3的区别

移除过滤器filters

删除了filters 并推荐使用computed代替计算属性,在2x中filters和computed有序多相似之处,这个不仅增加了学习成本也增加了维护成本,因此在3.0的中完全摒弃了filters。

生命周期的变化

  • 移除了beforeCreate()和Created()
  • 新增了setup().
  • 在剩余六个函数之前加入了on

在这里插入图片描述

支持多节点组件

在2.0中我们需要 在多组件外面在套一个div 作为父标签来防止用户意外创建多根组件时发出的警告,

<template>
  <div>
    <header>...</header>
    <main>...</main>
    <footer>...</footer>
  </div>
</template>

3.0 中我们可以将外部div去掉。

<template>
    <header>...</header>
    <main>...</main>
    <footer>...</footer>
</template>

key的变化

key的变化 3 中 v-if/v-else/v-else-if , key不再是必须填写的了,新版的vue会自动生成唯一的key,但是如果自己手动传入了key,这个值必须是唯一的,不能使用重复的值。

猜你喜欢

转载自blog.csdn.net/hsany330/article/details/109194045
今日推荐