一、前序
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。
Vue 3的新特性包括:
1、更快、更小、更易维护。具体来说,Vue 3重构了虚拟DOM的写法,使得渲染速度提升;使用Proxy代替Object.defineProperty;引入事件缓存cacheHandlers,以减少事件侦听器的生成等。
2、子组件传值更加简便。Vue3.x可以通过v-model:xxx形式传入参数,并且配合修饰符.sync进行数据同步更新,且组件支持多个v-model。
3、提供了Reactive和Ref等响应式API,通过这些API可以创建一个响应式对象,或者获取一个响应式的数据。
此外,Vue3还有一些其他的改进,例如:
- 引入了装饰器@Input,用来声明组件的输入属性。
- 可以使用v-slot来定义具名插槽的内容。
- 在Vue3中,template内联语法糖的语法进行了调整,使用了新的语法
<template v-slot:default="{ item }">
。