vue3.0新增了哪些内置组件和方法？

Vue 3.0 在前端开发中新增了一些内置组件和方法，它们为开发者提供了更多的功能和灵活性。以下是对这些新增内容的清晰归纳：

一、新增内置组件：

1. Fragment：在 Vue 2 中，组件必须有一个根标签。然而，在 Vue 3 中，这一限制被取消，组件可以没有根标签。Vue 3 会将多个标签包含在一个名为 Fragment 的虚拟元素中。这有助于减少标签层级，从而减小内存占用。
2. Teleport：Teleport 是一个内置组件，它允许开发者将一个组件的一部分模板“传送”到该组件的 DOM 层次结构之外的 DOM 节点中。这使得组件的 HTML 可以在父组件界面外的特定标签（如 body）下插入显示，为弹窗等场景提供了便利。
3. Suspense（实验性）：Suspense 是 Vue 3 中新增的实验性功能，用于异步数据加载。它提供了一个本地的处理方法来适配多种情形，并提供了二选一的加载完成和失败的插槽。然而，由于该功能目前仍处于实验阶段，因此不建议在生产环境的应用中使用。

二、新增方法：

在 Vue 3 中，随着 Composition API 的引入，新增了一些与组件开发相关的方法。这些方法主要包括：

1. setup()：setup() 是 Composition API 的入口函数，用于定义组件的逻辑。它接收 props 和 context 作为参数，并返回一个对象，该对象包含了组件的响应式数据、方法等。通过 setup() 函数，开发者可以更加灵活地组织和复用代码。
2. ref() 和 reactive()：这两个方法用于创建响应式数据。ref() 用于处理基本数据类型，而 reactive() 则用于处理对象和数组。它们使得数据在发生变化时能够自动更新组件。
3. computed()：computed() 方法用于创建计算属性。它接收一个函数作为参数，该函数返回一个依赖于其他响应式数据的值。当依赖的数据发生变化时，计算属性的值会自动更新。
4. watch() 和 watchEffect()：这两个方法用于监听响应式数据的变化并执行相应的操作。watch() 需要明确指定监听的数据和回调函数，而 watchEffect() 则会自动收集依赖并执行回调函数。

需要注意的是，虽然 Vue 3 新增了这些内置组件和方法，但在实际开发中，开发者仍需要根据具体需求和场景来选择使用哪些功能，以确保应用的性能和稳定性。同时，随着 Vue 的不断更新和发展，未来还可能会有更多的新增功能和改进。