Vue3和Vue2 的区别

170 阅读1分钟

UI项目使用的框架是Vue3,经过这个项目,能感受到到的Vue3和Vue2存在一些差别。以下为自己感受到的差别。后期根据自己的经验和查询资料进行补充和完善。


语法

Vue3和Vue2大部分语法都一致,不过有小部分改动。

根节点

Vue2只能存在一个根节点,如果有多个,需要用一个<div>或者其他标签进行包裹。

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

Vue3 支持多个根节点。

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

创建实例

Vue3是用的 createAPP(组件)

Vue2是用的 new Vue({template,render})