毕设-Vue3 开发历程记录。目前还在写页面阶段写页面的思路这几天一直在写页面，思考总结了一下get到一个页面的思

这几天一直在写页面，思考总结了一下get到一个页面的思路。自己感觉还不错。先说一下现在我写页面的思路。

首先肯定是要分模块，
每个模块套一个父元素用来布局（叫做布局元素吧）
这个布局元素一般只管大小位置，内边距等
模块里面的内容封装成组件单独开发（这样每个页面的代码量不会很多）
模块内可也这样继续划分，套布局元素的好处就是易加减内容，如果样式和布局都在一个标签上以后不好改。第二点套一个布局元素，用来管布局这点是我主要get的点，我也不知道这么做是不是最优解，现在我看来还不错。

这里算是对组件库的使用，<el-scrollbar> 用的时候是给那个内容要滚动效果，就给给谁套上<el-scrollbar>这个组件。（虽然很简单，但我第一次在项目中用的时候卡了我好久）。

icon的使用官方文档写的并不清楚，只写了需要当组件一样注册一下，才能用。但是没给具体步骤。一开始找不到在哪引入的路径，网上查资料找不到最新的（elemen plus前几个月刚刚更新了新版），导致我试错了好久才找到。正确的引路路径是这个！！！

import { Search } from '@element-plus/icons-vue'

后缀命加上了 -vue,其他具体步骤没啥变化。

给标签设置contenteditable="true"，可以让这个标签变成可编辑（用户能输入内容），在加上outline: none取消边控, 这样就基本有了输入的功能，这类似于<textaera>标签，但是我不知道怎么把textaera的边框去掉，我只想要一个能输入的区域就行了。

目前大四的前端菜鸡，纯记录自己写毕设的过程。