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