A_fork的博客

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

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

小程序的数据绑定机制只能监听到 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➡ 小程序页面配置文件，用于配置当前页面的窗口样式、页面标题等➡ 小程序项目的配置文件，用于保存项目的一些配置信息和开发者的个人设置➡ 配置小程序及其页面是否允许被微信索引，提高小程序在搜索引擎搜索到的概率。

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

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

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