56 lines
1.2 KiB
Plaintext
56 lines
1.2 KiB
Plaintext
【完成】1: 组件基础 https://cn.vuejs.org/v2/guide/components.html
|
||
类似于方法的概念
|
||
|
||
【完成】生命周期
|
||
|
||
留坑 keep-alive 缓存组件
|
||
|
||
【完成】2：props https://cn.vuejs.org/v2/guide/components-props.html
|
||
|
||
【完成】3：插槽 https://cn.vuejs.org/v2/guide/components-slots.html
|
||
|
||
【完成】4：过渡动画 https://cn.vuejs.org/v2/guide/transitions.html
|
||
|
||
【完成】5：路由：https://router.vuejs.org/zh/guide/
|
||
|
||
【完成】6：混入：https://cn.vuejs.org/v2/guide/mixins.html
|
||
实现重复代码的灵活抽离封装
|
||
|
||
【完成】计算属性 computed 运算结果会被缓存起来
|
||
【完成】watch 监听器
|
||
|
||
【完成】7：自定义指令 https://cn.vuejs.org/v2/guide/custom-directive.html
|
||
【完成】8：过滤器 https://cn.vuejs.org/v2/guide/filters.html
|
||
|
||
|
||
vuerouter 学习
|
||
|
||
push
|
||
|
||
replace
|
||
|
||
query
|
||
http://127.0.0.1?id=1&page=1
|
||
:to={ path: '路径', query: {} }
|
||
|
||
params
|
||
http://127.0.0.1/1/1
|
||
必须结合 name 进行跳转
|
||
:to={ name: '路径', params: {} }
|
||
|
||
|
||
// js
|
||
// router-link
|
||
|
||
|
||
|
||
this.$route 获取路由参数信息
|
||
this.$router 调用路由各种方法的
|
||
|
||
|
||
路由模式：
|
||
1：带 # 号的地址 hash 路由
|
||
http://127.0.0.1/#/info?id=1
|
||
|
||
2：不带 # 号的地址 history 路由
|
||
http://127.0.0.1/info?id=1 |