今天完成的事情：

1.学习vue，进行练习

明天计划的事情：

1.继续学习vue，推进任务

遇到的问题和收获：

1.继续学习vue

生命周期函数实现

可以使用生命周期函数created，创建出组件之后会回调。每次点击后网页标题会自动改变

created() {
    document.title = '我的'
}

mounted() {
},
updated() {
}

Mounted是template挂载到整个dom上是会回调

Updated是当界面发生刷新时会回调

Keep-alive

路由进行跳转，跳转回来时以前的状态没有保存，其生命周期是destroyed销毁，重新点击后又重新创建created。

Keep-alive是vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染

Router-view也是一个组件，如过直接包裹在keep-alive里面，所有路径匹配到的视图组件都会被缓存

<keep-alive>
    <router-view></router-view>
</keep-alive>

加入keep-alive属性，组件不会被重复销毁和创建。切换时还会保持原样。

它有两个属性。

include，字符串或正则表达式，只有匹配的组件会被缓存

exclude，字符串或正则表达式，任何匹配的组件都不会被缓存

<keep-alive exclude="Profile">
    <router-view></router-view>
</keep-alive>

这样就会排除Profile组件，它会正常的进行创建和销毁。其余组件保持缓存

<keep-alive exclude="Profile,Mine">
    <router-view></router-view>
</keep-alive>

排除两个，可以加逗号，但不能加空格，空格无效