vue3 基础概念 （含与 vue2.6 的对比）

计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。

相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。

通常更好的做法是使用计算属性而不是命令式的 watch 回调。

Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括： push() 、 pop() 、 shift() 、 unshift() 、 splice() 、 sort() 、 reverse()

同时绑定多个事件

不同于组件和 prop ，事件名不存在任何自动化的大小写转换。因为 HTML 是大小写不敏感的，因此推荐你始终使用 kebab-case 的事件名。

使用场景：由于 vue 有 $parent 属性可以让子组件访问父组件。但孙组件想要访问祖先组件就比较困难。通过 provide / inject 可以轻松实现跨级访问祖先组件的数据。

provide：Object | () => Object

inject：Array<string> | { [key: string]: string | Symbol | Object }

提示： provide 和 inject 绑定并不是可响应的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。

动态组件：

异步组件：

混入 mixin 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

将插槽内容传送至指定位置，接受一个 to 的属性，它接受一个 css query selector 作为参数，这就是代表要把这个组件渲染到哪个 dom 元素中

Suspense 组件用于在等待某个异步组件解析时显示后备内容。

AsyncShowvue

indexvue

Reactjs 和Vuejs的区别：Reactjs是一个适合数据经常变化以及构建大型项目的复杂组件，而Vue是一个更小更灵活适合用来开发单页面程序的简单化组件

随着JavaScript越来越受欢迎，越来越多的框架随之出现，今天将为大家介绍两个流行框架间的比较Reactjs 和Vuejs，接下来在文章中将为大家详细介绍

推荐课程：React课程、Vue课程

React的含义：

React是一个用于创建可重用且有吸引力的UI组件的库。它非常适合经常变化的数据的组件。使用React，我们可以通过将它们分解为组件来构建可重用的用户界面，它的使用使得构建交互式UI非常容易

Vue的含义：

Vuejs是一个开源JavaScript框架，能够开发单页面应用程序。它还可以用作Web应用程序框架，目的在于简化Web开发。它的流行有很多原因，其中一个关键原因是它能够在没有任何动作的情况下重新渲染，它允许构建可重用，是一个小巧但功能强大的组件而且允许我们在需要时随时添加组件。

Reactjs 和Vuejs的比较

ReactVue类型JavaScript库JavaScript库跨平台开发React Native是一个成熟且广泛使用的本机渲染应用程序平台Vue的Weex仍在不断发展，旨在提供顺畅的开发体验学习曲线陡峭的学习曲线，需要深入的知识简单的学习曲线，基于HTML的模板使其熟悉可重用性只有CSS最大的可重用性

性能一样快一样快模型虚拟DOM（文档对象模型）基于虚拟DOM HTML的模板功能可用作开发单页或移动应用程序的基础Web应用程序框架，能够为高级单页面应用程序提供支持复杂性复杂简单Bootstrap应用程序CRA（创建反应应用程序）Vue公司-CLI显着特点与道具的单向数据绑定

有状态的组件

虚拟DOM

生命周期方法

JSX（JavaScript XML）

超越HTML的架构

基于HTML的模板

反应

组件（将整个应用程序划分为小型，独立且通常可重复使用的组件）

路由

集成

React与vue的选择

在以下的情况下Vue比React好：

最新文档和更简单的语法，

更小，更快，更灵活，

需要丰富的HTML模板，易于开发。

在以下的情况下React比Vue好：

需要构建移动应用程序，

需要构建大型应用程序，

轻量级，易于版本迁移。

总之如果想要一个轻量级，更快速，更现代的UI库来制作单页面应用程序应该选择Vuejs，如果是大规模应用程序和移动应用程序的应该选择React。

总结：

Vue是一套用于构建用户界面的渐进式JavaScript框架。

与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用（SPA）提供驱动。

vue主要功能：

Vue是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。

另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。