这是我参与「第五届青训营」伴学笔记创作活动的第 31 天

组件是啥

项目选择中有一个组件库开发，当时一直不知道组件是啥，后来在开发项目遇到组件时才知道，组件就是像是下拉菜单、滚动条这类常用到的东西对其进行封装，让我们可以像使用普通的元素一样去使用它们，当然它们也有特定的属性。Naive UI、Element这些就是组件库，比如我可以通过这些更快的创建一个组件。

<template>
  <n-scrollbar x-scrollable>
    <div style="white-space: nowrap; padding: 12px">
      横向滚动
    </div>
  </n-scrollbar>
</template>

在框架中使用sass

当时看sass的中文文档，下载时说要安装一个东西来编译sass成css，之后才知道可以直接写完.scss然后直接导入，vue是在style中用src属性指定。或者在style中lang属性值为scss，直接在里面写就行，不需要什么单独去编译。

感觉yarn安装依赖比较快，在都没换源的情况下。
npm的话也不用直接换源，可以下载一个cnpm然后给他换国内源。
npx用来在命令行执行安装的依赖。 pnpm也是一个包管理器，是需要另外下载的，不像cnpm和npm之间的关系。

在前端开发的过程中，可能会需要使用各种各样的依赖包来满足需求，它们通常通过npm这类包管理工具进行下载。可以在正在开发的项目中使用npm进行本地下载而不建议用全局下载，这些库会统一放在项目根目录下的node_modules文件夹下，并通过packages.json文件进行管理。

异步是指调用函数直接获取一个返回，它会有三个状态。
同步是在函数执行完成之后才会返回。

像是监听视窗大小之类的是要放在生命周期中的，不能直接创建响应式然后赋值，这样会报错的。