组件从创建到销毁的过程就是它的生命周期
beforeCreat：在这个阶段属性和方法都不能使用
created：这里是实例创建完成之后，在这里完成了数据监测，可以使用数据，修改数据，不会触发updated，也不会更新视图
beforeMount：完成了模板的编译，虚拟DOM也完成创建，即将渲染，修改数据，不会触发updated
Mounted：把编译好的模板挂载到页面，这里可以发送异步请求也可以访问DOM节点
beforeUpdate：组件数据更新之前使用，数据是新的，页面上的数据时旧的，组件即将更新，准备渲染，可以改数据
updated：render重新做了渲染，这时数据和页面都是新的，避免在此更新数据
beforeDestroy：实例销毁前，在这里实例还可以用，可以清楚定时器等等
destroyed：组件已经被销毁了，全部都销毁
使用了keep-alive时多出两个周期：
activited：组件激活时
deactivited：组件被销毁时
created：在渲染前调用，通常先初始化属性，然后做渲染
mounted：在模板渲染完成后，一般都是初始化页面后，在对元素节点进行操作，在这里请求数据可能会出现闪屏的问题，created里不会
请求的数据对DOM有影响，那么使用created，如果请求的数据对DOM无关，可以放在mounted
1.父传子
props
父组件使用自定义属性，然后子组件使用props
r
e
f
引用信息会注册在父组件的
ref 引用信息会注册在父组件的
ref引用信息会注册在父组件的refs对象上
2.子传父
$emit
子组件绑定自定义事件，触发执行后，传给父组件，父组件需要用事件监听来接收参数
3.兄弟传
new一个新的vue实例，用on和emit来对数据进行传输
4.vuex传值
Vue的一个内置组件，包裹组件的时候，会缓存不活跃的组件实例，并不是销毁他们
作用：把组件切换的状态保存在内存里，防止重复渲染DOM节点，减少加载时间和性能消耗，提高用户体验
下载 创建实例 接着封装请求响应拦截器 抛出 最后封装接口
params传参
this.
r
o
u
t
e
r
.
p
u
s
h
(
n
a
m
e
:
′
i
n
d
e
x
′
,
p
a
r
a
m
s
:
i
d
:
i
t
e
m
.
i
d
)
t
h
i
s
.
router.push({name:'index',params:{id:item.id}}) this.
router.push(name:′index′,params:id:item.id)this.route.params.id
路由属性传参
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …({name:'/index/{item.id}‘})
路由配置 { path:’/index:id’ }
query传参（可以解决页面刷新参数丢失的问题）
this.$router.push({
name:‘index’,
query:{id:item.id}
})