vue3组合式api-基础教程

最后完成Toast插件和打包，项目就完成了。 1.封装的Toast插件； 2.打包并在安卓手机上运行；

上节课已经完成了数据的存储，现在只要将数据渲染出来，项目就基本完成了。 任务： 在顶部显示当前的年月； 根据log数据填充数据(余额，支出，收入…) 当记账后，首页数据马上更新 ...........

经过前面的课文已经大致了解了一些vue3的基础，接下来开始实战练习吧！ 布局样式部分可以直接从课文中获取，专心写逻辑部分即可。

组件是Vue.js框架的核心功能之一，它允许我们将用户界面(UI)划分为独立、可复用的部分，并且可以独立地思考每个部分。使用Vue的组件模型可以更高效地开发用户界面。

vue实例在创建、挂载、更新和销毁的过程中， 会触发一系列的生命周期钩子函数。 这边列举了一些常用的生命周期钩子函数，这些生命钩子将按照顺序进行执行

侦听响应式数据的变化，可在数据变化时执行相应的操作 1. watch函数的使用 2. watchEffect函数的使用

模板中的表达式虽然方便，但也只能用来做简单的操作， 如果在模板中写太多逻辑，会让模板变得臃肿，难以维护， 使用计算属性就可以使模板保持简洁，提高性能。

学习vue3的最主要的基础知识； 仅需要有一定的html、css、JavaScript基础的初学者。无需vue基础。并且为进一步降低上手难度，本课程无需后台，学习者只需专注前端即可完整开发。

在这边推荐两个开源免费的编辑器，后续课程会使用VScode进行代码编辑。 1、node 2、创建项目 3、编辑器插件安装

响应式数据是 Vue 框架中的一个核心特性。它在数据变化时自动更新视图。 开发者不需要手动监听数据变化并更新视图，Vue会帮忙完成这个工作。可以帮助开发者更轻松地管理和更新视图，使得开发过