这是我参与「第四届青训营 」笔记创作活动的第四天。
在本次组队任务中，我们组使用VUE框架进行代码编写。与JS相比，VUE的使用更为简洁方便。以下是我学习VUE脚手架使用过程中的心得体会。
首先，JS的操作中，功能的实现需要开发者需要手动操作DOM，即自行定义获取事件源、绑定事件以及编写事件处理函数。手动操作DOM的优点是简洁直观，缺点是当项目较大，需要开发的功能较多时，代码会比较繁琐。而VUE克服了这一缺点，它的核心是数据绑定，包括单向的数据绑定（v-bind)和双向的数据绑定（v-model），绑定完成后不需要再考虑获取事件等问题，只需要对数据进行处理操作。因此在项目开发中简洁快速。
第二，应当以不同的思路阅读JS书写的代码与VUE书写的代码。使用JS语言书写的代码由多个函数组成，就像工厂流水线一样每个环节有固定的要求和加工步骤，侧重于描写整个处理流程，代码侧重于实现单个功能。而VUE具有组件化的特点，在阅读时首先明确组件的类别，watch，methods，computed等，然后根据类别判断该方法的功能、想要实现的目的。VUE的代码单个模块即为对应的一个组件页面，不同的模块对应页面不同的组件功能，最后被统一渲染到指定地区。VUE在阅读时重点应当放在数据流的传递上，分析数据流在本组件如何定义与修饰、数据流如何在组件间进行传递。
