1.整体优化
1. 性能方面的提升
1.1 首次渲染更快
1.2 diff算法更快
1.3 内存占用更小
2. 更好的Typescript支持
3.Composition API (这是重点内容)
2.项目搭建
与Vue2搭建项目一样,只是在后面选择时选择Vue3.X
在项目搭建完成之后我们就可以看见变化
在入口文件 main.js 中我们就可以发现
这是Vue2.X
// 这是Vue2中的入口文件
new Vue({
el: '#app',
render: h => h(App)
})
这是Vue3.X
// 这是Vue3中的入口文件
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')
Vue3 中还更新了 template内,根元素不再限定只有一个
<template>
<img alt="Vue logo" src="./assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</template>
3.双向绑定
在Vue2中我们使用Object.defineProperty来做劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知,而在Vue3中则通过ES6中的proxy来做劫持,当数据发生改变发出通知。
代码示例</