vue3组件化开发常用API知识点有哪些

组件化思想

为什么使用组件化开发？

当前前端比较流行的 Vue React 等框架，都会通过编写组件来完成业务需求，也就是组件化开发。包括小程序开发也会用到组件化开发的思想。

分析组件化思想开发应用程序：

• 将一个完整页面拆分成很多个小组件

• 每个组件用于完成页面的一个功能模块

• 每一个组件还可以细分 （父子组件）

• 通用的组件可以复用到不同的页面

一个 Vue 的页面，应该像是棵嵌套的组件树的形式来组织：

vue3 入口文件：

import { createApp } from 'vue';
import App from './App.vue';

createApp(App).mount('#app');

createApp()函数传入了一个App，App 就是一个组件，是项目的根组件。

下面将分析 Vue3 中组件化开发的常用方法。

组件通讯

$props

• $props 用于向子组件传递数据

<p> $props: {{$props}} </p>