目录
早上
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 的元素,有两种写法:
- 使用
slot="reference"
的具名插槽
- 使用自定义指令v-popover指向 Popover 的索引ref
- 使用
- 参考:https://blog.csdn.net/qyl_0316/article/details/107360542
分页功能:
晚上
就学了会英语,大概一个半小时。