实习第三周

首先最重要的是沟通，前端要与ui，产品，后端沟通！！！

拿到公司项目可以看看store仓库中写了什么，看看组员有没有分装好的组件，一般来说一个项目的页面有些还是通用的。

提交代码是注意先拉取在提交，要是拉取不下来可以存储

名字设置为test，其他都行。。。这样在拉取后 选择上面图片的  弹出最新储藏。

公司前端是在vue.config.js中配了代理与后端连接的，实际项目要具体分析。

页面结构是以组件形式写的，比如我写的表单，一个总的vue，在分上面的搜索和下面的table

公司的图片引入方式与我接触的不一样，第一次搞有点懵逼。使用的是iconfont的形式。

vue项目中引入iconfont - 掘金

vue的生命周期是重点

这几天又学了点vuex

首先vuex核心是一个仓库，那就可以分成好多仓库这样仓库的配置要一样方便管理，这就是module，仓库就要有东西，这个东西是要用的相当于变量一样，vuex专业术语叫state（状态）怎么获取数据？ 有两种方法直接获取，mapstate  ，换个方向 getter获取  mapgetters 。拿到东西就要用 用在组件上。组件有dispatch触发action（异步），action通过commit 来触发mutation（同步） 修改state的值。

难以理解的是语法糖  map的辅助函数 

vue中计算属性 mapState  mapGetters       vue中方法  mapActions  mapMutions      

上面是引入vuex后在.vue中的写法，这是映射关系

gap 属性主要适用于使用 display: grid; 或 display: flex; 创建的布局。它用于设置行间距和列间距，从而控制弹性项目之间的间距。

在盒子模型中，可以根据需求使用其他属性来调整布局的紧凑程度：

1. 内边距（padding）：通过增加或减少元素的内边距，可以调整元素内容与边界之间的间距。
2. 外边距（margin）：通过增加或减少元素的外边距，可以调整元素之间的间距。
3. 边框（border）：通过设置元素的边框样式、宽度和颜色，可以改变元素之间的视觉分隔效果。

这些属性可以与 display: grid; 或 display: flex; 结合使用，以创建更灵活的布局，并根据需要微调元素之间的间距和布局紧凑度。