【学习记录】2023.3.4

---

早上

1、我终于知道那个router里面的 mode:history是干嘛的了，其实就是为了要去除path里面多余的＃哈哈，绝了。
2、还有两个传参的方式，一个是在router-link 里面加一个加一个params参数，还有就是在router里面把props设置为true。
3、路由重定向:其实就是把一个路由直接映射到另外一个路由。
4、这篇博客写的是真的6：vue 路由的基本使用
5、404界面路由的配置：path:*
6、在进入视图前，往往需要做数据初始化，通过在目的视图的 beforeRouteEnter() 方法中发送 Ajax 请求获取后台接口数据即可

---

关于export default

一个困扰了我很久的问题：

在最开始学vue的时候，要用到el去绑定容器，后来说不用el了，因为vm会自主的去管理。然后后来又突然冒出来一个export default 和这个里面的name，还有路由里面的name，我都觉得不太好理解。

我今天就是说一定要把它搞清楚！！

关于export default其实这是跟webpack有关的，只有被export出去的东西，才能在别的文件中import，此外，还有人讨论了export 是否加default的区别，还是有点意思。这里其实我还没有搞的特别懂，但是好像也没有那么必要，嘿嘿。

关于name属性：其实没什么大用

1、在组件内部可以调用自己
2、可以在dev-tools看到组件名，方便调试。
参考：讲的特别好!!

---

vue组件化与模块化

其实我的疑问都解决的差不多了，但是我还是想再深入理解一下：vue的组件化和模块化的思想。

1、我的天，模块和组件的区别我是终于懂了，我还懂了在路由里面注册的差不多就是一个父组件就可以了。
__模块：components下的主目录
__组件：多个组件复合在一起就变成了模块。
__路由注册：一般在路由里面被注册的都是一个比较大的父组件。
2、组件的使用：先引入再注册
讲的真的是太好了！！！

---

下午

get请求和post请求

get请求	post请求
一般用于获取数据	一般用于提交数据
参数在url里面，隐私性较差，但是可以进行收藏网页并保存数据	参数和数据是放在body里面的，每次回退都会重新发起请求

都是TCP/IP协议，但是get请求的数据量一般会小于post请求。

参考：写的太好了*3！！！！

---

路由传参(params和query）

解析params传参和query传参的主要区别。

• params传参类似于get请求，需要路由的name，可以是编码式（router-push），也可以是声明式（router-link）
  特别注意：params传参刷新之后会失去参数，因此这里考虑使用动态路由，即在路径后面加上：username
• query类似push请求，在编码里面加上path。
  -参考：案例很详细的教程

---

element-ui表格分页和模糊查询的效果

插槽 slot

核心问题：

• 显示还是不显示
  -怎么显示
  这些都是由父组件决定的。

知识点：

如果对一个template设置了slot，那么就可以用：

语句	作用
slot.row	访问这一行的信息
slot.row.date	访问这个对象的某个属性
slot.$index	访问这一行的编号

---

el-popover：

其实就是一个小的提示框。

主要用法：

• trigger属性用于设置何时触发 Popover
  支持四种触发方式：hover，click，focus 和 manual。
• 对于触发 Popover 的元素，有两种写法：
  1. 使用 slot="reference" 的具名插槽
  2. 使用自定义指令v-popover指向 Popover 的索引ref
• 参考：https://blog.csdn.net/qyl_0316/article/details/107360542

---

分页功能：

参考：element-ui表格实现分页功能

---

晚上

就学了会英语，大概一个半小时。