时间过得真快，来千锋青岛校区学习HTML5大前端已经四个多月了，第三阶段的学习已经接近尾声了。接下来，我主要分享一下在第三阶段的学习情况。

　　(千锋青岛校区H5-1908期学员周考)

　　第三阶段主要学习了原生node.js、vue.js和vueX，我们在选用技术栈的时候，一方面要易于上手，另一方面要适合所做的项目，其中Vue就是这样一个前端框架，目前在前端行业发展飞快，易于上手，有成熟的文档可以参考，同样有成熟的社区可以讨论问题。此外还可以阅读源码，Vue的源码还是比较易读的，另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动，而Vue+webpack也成了很多开发项目的标配。由于第三阶段的课程相对较难，我在学习的过程中也碰到了很多坑，跟大家分享下避免以后踩坑。

　　1、computed和watch

　　Vue本身提供了特有的计算属性computed，经常有人会分不清computed和watch。computed是计算属性，会被混入到Vue实例中，计算属性具有依赖性，如果依赖的那个数值没有发生改变，那么就会执行一次，除非依赖发生改变，它才会重新开始计算;而watch是观察属性，Vue将会在实例化的时候调用watch，遍历watch对面的每一个属性，当其中属性发生变化时，都会触发watch。以上两种都不能使用箭头函数来定义，因为箭头函数是绑定了父级作用域的上下文，此时的this并没有指向Vue实例。

　　2、v-if和v-show

　　另外比较容易弄混的是指令v-if和v-show，v-if和v-show都能够控制组件的显示和隐藏，区别在于v-show为false的时候，页面加载就会把组件加载进来，只是把组件的display属性设置为none而已;当v-if为false的时候，组件是不会加载进来的，只有当值为true的时候才会把组件加载进来，所以实现按需加载就可以使用v-if，只是控制组件的显示隐藏就可以使用v-show。(提示：其实关于vue.js内容还有很多，请关注vue.js官网)

　　在学习Vue.js过程中，我感受到了Vue.js的强大。也许以后工作中大部分时候都是用封装好的框架，但是一些细节的东西还是要根据需求做出适当的修改，这时候就需要熟练掌握Vue.js了。另外，老师讲过当我们进入公司的时候，公司关注的也是我们原生JavaScript水平，所以说原生JavaScript也真的是非常重要。虽然仅仅用四周的时间来学习JavaScript，但是千锋老师教会了大家举一反三，并且讲授了很多实战性的课题，这会使我们在以后的工作中加容易上手。学习Vue.js和原生JavaScript都十分重要，革命尚未成功，骚年仍需努力，加油!