zachliu

UI项目使用的框架是Vue3，经过这个项目，能感受到到的Vue3和Vue2存在一些差别。以下为自己感受到的差别。后期根据自己的经验和查询资料进行补充和完善。

Hook是React v16.8新出的特性，它可以允许我们在函数组件中使用state以及其他的React特性。

React组件是 React 可复用的最小代码片段，它们会返回要在页面中渲染 React 元素。创建组件的方式主要有两种：函数组件和类组件。

路由，描述了 URL 与 UI之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。

Styled-components 是目前 React 样式方案中最受关注的一种，它既具备了 css-in-js 的模块化与参数化优点，又完全使用CSS的书写习惯，不会引起额外的学习成本。

iconfont在线导入svg，也可以选择安装svg-sprite-loader加载器后，加载本地的svg图片。

项目搭建 全局安装create-react-app: 将需要建立项目的文件夹拖入VScode或者webstorm，运行create-react-app . --template typescript

在进行导出时，可以使用默认导出和命名导出。目前有观点认为命名导出比默认导出更好用、更准确、更易于代码维护，这个观点也被越来越多的人接受，故来对比一下默认导出和命名导出的异同。

使用Vue进行项目初始化的方法有： vue create，vue init，vue ui.使用vite,React创建项目的方法等。