每日笔记（一）

时间2020年5月4日
因为昨天根本没有睡着，今天得以能从五点就起来开始坐在电脑前学习vue，一直持续到了九点。从我的感官上我中午应该至少全身贯注的学习了4个小时。但是因为看的视频，我可以得出应该是只看了四十余分钟的教学视频左右。是我在写代码的时候陷入无意识的发愣了吗？还是其他的什么原因？明天要注意一下时间流逝的问题。吃过午饭后我从1点一下子睡到6点多，这个要对自己严厉批评！算了一下时间安排，今天至少要9点之后才能安排学习计划了。

今日打分：不及格！

当日技术总结：
个人认为vue的编程时的思考方向比起前端更像后台。
vue将大量的对’网页行为’进行操作的方法包装了起来，这使得我们在学习vue的过程中只需要关注数据的变化就行了，大大减小了前端的开发难度。
vue的学习我强烈推这两个地方：

这个是官网,官网不仅有详细的官方文档还有详细的视频教程。
另一个是慕课网的这个免费视频。

vue的开始认识
下面的内容大多数都来自于对上面两个网站所讲授内容的提炼。
vue的环境搭建非常简单，只需要将开发版本的的js文件和你的网页里再使用< script>标签引用就行了。

这里我们使用< script>来用引用vue的例子如下：

这里需要注意的地方是< script>引用vue的时候，这个标签是被放在了< head>标签里的。慕课网上说是放在< body>里面会出现错误，而我个人认为这是html加载顺序的问题所导致的。将其放在< head>标签中可以保证html在还未加载body时先将引用文件加载完成。
vue的使用需要一个vue实例才能执行，每一个实例可以有一个挂载点。这里挂载点指的是什么呢？

如图所示，这里们就使用el，挂载了一个id为root的< div>,在挂载后如果要我们调整id为root的div我们就不再需要调用各种方法来进行调整。我们只需要改变这个类似于json格式的vue实例中的变量就行了。

vue实例中的关键字
上面提到了el，很明显这是vue实例中的某个关键字。那么vue中有哪些关键字呢？
el：官网给它的称呼是钩子。顾名思义，这个关键字是用来钩住div的，从而可以何其产生一对一的关系，不至于在复杂的程序产生歧义。实际上这个el是有相关的生命周期，建议看这里。
data：这个关键字采用键值对的方式来进行数据的对应。
methods：如果data是对变量进行管理的关键字，那么methods就是对方法（函数）管理的关键字。
props：这个关键字可以用来接收从div中传递过来的参数。
template：这个关键字可以用来渲染模板。详情可见这位大佬的博客。

vue的模板语法
这方面的内容官方的内容更为详实，请点击这里。

今天的问题总结：
1：因为自制力的问题没有能够按计划完成任务，严厉批评。
2：对时间规划不够细致，对部分情况过于乐观。今天的博客写了将近两个小时，但实际上技术部分只写出了今天了解的70%左右。这个问题要归因于自己的归纳能力不够强，没有将知识掌握的足够透彻，自然是无法归纳整理的，表现出来的结果就是写的内容过于冗长写的速度也极慢。明天的技术内容应当尝试只写重点。