怎么把HTML网页重构为VUE,前端VUE重构之路

今年8月份进入前端重构组，用vue重构jq老工程，记录一下在重构过程中遇到的问题、解决方法和一些心得体会吧。项目技术栈：Vue + Vue-Router + Vuex， UI组件库用的有赞的vant

团队介绍：前端重构组共三人，我和一个同届的18年校招生，还有我们的师傅，我们师傅是一个有十年前端工作经验的前端大牛，师傅主要做项目架构和底层方法的封装，也做一些业务逻辑，我们两个主要是负责不同的业务模块、功能点的实现

一 、知识点

1.组件通信Event Bus

这一节介绍了一种组件通信方式，详情戳这里

2.组件划分和插槽

这一节写的关于是组件划分和组件插槽solt的使用方法，详情戳这里

3.前端老司机得心应手的操作数组方法全在这里了

这一节主要是是数组的操作方法，详情戳这里

4.Vant 下拉刷新上拉加载组件

这一节做了一个下拉刷新，上拉加载的demo 详情戳这里

5.前端视为转变-从事件驱动到数据驱动

转载，之前用jq操作DOM头都晕了，重构用的vue终于可以不用去直接操作DOM了，推荐大家看看这篇文章，详情戳这里

6.混入mixins与extend

待补充：当多个页面要加入相同的js代码的话可以考虑使用，mixins和extend具有vue的生命周期方法

const test = {

data () {

return {

a: 'just a test'

}

},</