A_fork的博客

在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。

什么是分包加载❓小程序的代码通常是由许多页面、组件以及资源等组成，随着小程序功能的增加，代码量也会逐渐增加，体积过大就会导致用户打开速度变慢，影响用户的使用体验。分包加载是一种小程序优化技术。将小程序不同功能的代码，分别打包成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载，在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。每个分包可以包含多个页面、组件、样式和逻辑等。当小程序需要使用某个分包时，才会加载该分包中的代码。

应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是 小程序从启动到销毁的整个过程在打开一个小程序应用的时候都需要经历一系列的初始化步骤，比如页面是否加载完成、页面是否初次渲染完成等等。在此过程中，小程序也会运行被称为生命周期钩子的函数，这些函数由小程序框架本身提供，被称为生命周期函数，生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作，辅助程序员完成一些比较复杂的逻辑。让开发者有机会在特定阶段运行自己的代码。

小程序的数据绑定机制只能监听到 setData 方法中修改的数据，无法监听到直接删除属性的操作，所以在删除对象属性时，需要先将对象复制一份再进行操作，然后再调用 setData 方法更新数据。当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且。中声明对象类型的数据，小程序中通过调用 setData 方法可以修改页面的数据，包括对象类型的数据。在数组类型的数据时，可以使用 ES6 的展开运算符先复制数组，然后进行合并。

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。在小程序中，可以通过事件传参的方式，将数据传递给事件处理函数。常见的事件包括点击事件、输入事件等。在组件节点中可以通过data-的方式传递一些自定义数据，传递的数据可以通过事件对象的方式进行获取📌注意事项​ 使用data-方法传递参数的时候，多个单词由连字符连接​ 连字符写法会转换成驼峰写法，而大写字符会自动转成小写字符​ 例如：​，最终会呈现为​，最终会呈现为在 wxml 文件中，使用data-*

在开 Web 网站的时候：页面的结构由HTML进行编写，例如：经常会用到divpspanimga等标签页面的样式由CSS进行编写，例如：经常会采用.class#idelement等选择器但在小程序中不能使用HTML标签，也就没有DOM和BOM，同时仅仅支持部分CSS选择器不过不用担心，小程序中提供了同样的角色：其中WXML充当的就是类似HTML的角色，只不过在WXML中没有divpspanimga等标签，在WXML中需要使用 小程序提供的viewtextimagenavigator。

JSON是一种轻量级的数据格式，常用于前后端数据的交互，但是在小程序中，JSON扮演的静态配置的角色，用于配置当前页面或组件的属性和行为，每个页面或组件也都可以拥有一个对应的 json 文件。app.json➡ 小程序全局配置文件，用于配置小程序的一些全局属性和页面路由。页面.json➡ 小程序页面配置文件，用于配置当前页面的窗口样式、页面标题等➡ 小程序项目的配置文件，用于保存项目的一些配置信息和开发者的个人设置➡ 配置小程序及其页面是否允许被微信索引，提高小程序在搜索引擎搜索到的概率。

什么是微信小程序微信小程序是一种运行在微信内部的 轻量级 应用程序。在使用小程序时 不需要下载安装，用户 扫一扫 或 搜一下 即可打开应用。它也体现了 “用完即走” 的理念，用户不用关心安装太多应用的问题。它实现了应用“触手可及”的梦想，应用无处不在，随时可用，但又 无须安装卸载。**特点**小程序的四大特性：无须安装、用完即走、无须卸载、触手可及1. 无须安装：体积小，用户感知不到下载的过程2. 触手可及：用户 扫一扫 或 搜一下 即可打开应用，通过下拉能访问使用的小程序。

今天我要分享的是Vue3中pinia，组件通信，slot、Vue3中的其他API和新组件等相关知识，话不多说，赶紧上干货！！！

上一篇Vue3快速上手（一）！介绍了关于vue3的一些基本内容，接下来我会沿着上一篇的内容继续往下说props和hook已经路由的相关知识，请大家抓紧上车！！！

之前一直分享的是react的相关知识，很长时间没更新了，接下来我会更新关于Vue3的相关知识！！Vue3快速上手内容分为三部分，本次先去介绍一下关于Vue3的第一部分，希望我的分享能对大家学习Vue3有所帮助！！

今天我们来说一下react中的组件通信流程。react中组件通信流程分为父传子、子传父、非父子之间传值。

我们都知道vue、react、Augular目前是市场上最流行的三种web前端框架，统称为“前端三巨头”！这就是咱们今天介绍的react基本内容，下期我会详细说说react中的语法，欢迎大家持续关注！首先说react之前咱们先引入一个概念，我们都知道现在MVC和MVVM是两种不同的软件架构模式。构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。