今日完成的事

       完成静态样式，学习使用小乌龟

明日计划的事

       测试组件，继续任务

收获

       这几天一直在用小乌龟tortoise，所以写下基本的图标和操作。

常规图标

当客户端文件与服务器文件完全同步的时候，系统就会显示以上图标

冲突图标

当客户端文件与服务器数据存在冲突时，系统会出现以上图标

对某个文件进行了修改，别人也对这个文件进行了修改，别人抢在你提交之前先提交了，这时你再提交就会被提示发生冲突，而不允许你提交，防止你的提交覆盖了别人的修改。要解决冲突，如果你确认你的修改是无效的，则用TSVN还原你的修改就行了；如果认为你的修改是正确的，别人的提交是无效的，那么用TSVN先标记为“解决冲突”，然后就可以提交了；如果你认为你的修改和别人的修改都有一部分是有效的，那么你就把别人的修改手动合并到你的修改中，然后使用TSVN标注为“解决冲突”，然后就可以提交了。进入文件夹，寻找有黄色感叹号的文件，这些文件就是发生冲突的地方，根据实际情况处理冲突

删除图标

当服务器端的文件已经删除时候，那么客户端文件就会显示以上图标

增加图标

我们编写的文件已经提交到队列中，系统会显示以上图标

修改图标

客户端文件已经修改但是未提交，系统会出现以上图标

只读图标

当客户端文件以只读的形式存在时，系统会出现以上图标

锁定图标

当服务器数据已经锁定的时候，客户端文件会自动显示锁定图标

忽略图标

客户端文件已经忽略，不需要进行提交上传，系统会显示忽略图标。

封装组件的使用传参有点问题，重新看了下函数钩子

 在 beforeCreate 钩子函数调用的时候，是获取不到 props 或者 data 中的数据的，因为这些数据的初始化都在 initState 中。

然后会执行 created 钩子函数，在这一步的时候已经可以访问到之前不能访问到的数据，但是这时候组件还没被挂载，所以是看不到的。

   接下来会先执行 beforeMount 钩子函数，开始创建 VDOM，最后执行 mounted 钩子，并将 VDOM 渲染为真实 DOM 并且渲染数据。组件中如果有子组件的话，会递归挂载子组件，只有当所有子组件全部挂载完毕，才会执行根组件的挂载钩子。

接下来是数据更新时会调用的钩子函数 beforeUpdate 和 updated，就是分别在数据更新前和更新后会调用。

另外还有 keep-alive 独有的生命周期，分别为 activated 和 deactivated 。用 keep-alive 包裹的组件在切换时不会进行销毁，而是缓存到内存中并执行 deactivated 钩子函数，命中缓存渲染后会执行 actived 钩子函数。

最后就是销毁组件的钩子函数 beforeDestroy 和 destroyed。前者适合移除事件、定时器等等，否则可能会引起内存泄露的问题。然后进行一系列的销毁操作，如果有子组件的话，也会递归销毁子组件，所有子组件都销毁完毕后才会执行根组件的 destroyed 钩子函数。