【完成】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