前面说了,为什么要学习和使用Vue1。前端圈这几年的发展趋势,因为舞台普遍精彩,从MVC到MVVM,你刚唱完我就上台了。Backbone,AngularJS已经成为过去式,reactjs如火如荼。与此同时,另一个轻量级的vue也在风头正劲,号称兼具angularjs和reactjs的优点。2、Vue能做什么?移动端上网需求远高于PC端,尤其是混合H5应用,但性能问题一直是痛点。如果使用SPA(俗称SinglePageWebApplication),SPA将其所有活动限制在一个网页中,只在网页初始化时加载相应的HTML、JavaScript和CSS。页面加载完成后,SPA不会因为用户操作而重新加载或跳转页面。没有页面切换,不会出现白屏阻塞,可以大大提升H5的性能,达到接近原生的流畅体验。一个接一个看vue已经两个多月了。三月份,我使用vue2.0开发了一个简单的博客。在使用vue人性化优势的同时,我也遇到了很多坑和问题。下面分享一下我遇到的问题和解决方法。实现的主要功能有1.用户登录2.用户注册3.用户发帖4.用户评论发帖5.用户留言使用的技术vue2.0+vue-cli+vuex+axios+mysql+express+pm2+webpack构建和使用vue-cli搭建初始化项目非常方便,相当于生成一个项目模板。根据我个人的理解,vuexvue是数据驱动的,实现页面组件化开发,更好的管理和维护,vuex用于组件之间的通信,当然如果页面足够简单,也可以使用其他方式进行通信(通过值),比如道具等等。axios说实话,项目前期还是用vue-resource,后来改用axios(你强烈推荐),两者都是用于客户端和服务端的通信,也就是ajax请求.webpackwebpack是一个模块加载器和打包工具,可以将各种资源,如JS(包括JSX)、coffee、styles(包括less/sass)、图片等作为模块来使用和处理。比如我们使用“.vue”文件进行vue的组件化开发。这些文件不会被浏览器解析,所以我们需要使用webpack对它们进行“格式化”,以便浏览器能够解析。还有,还有,有了webpack,就可以愉快的使用es6的语法了!express&mysql所谓的“系统”只能是一个简单的静态页面?这里使用express(express是一个基于Node.js平台的开发框架)和mysql编写数据存储的后端API,用于在数据库中存储和读取用户信息。pm2pm2是一个Node应用的进程管理器,具有负载均衡功能,保证进程一直存活,重载时间为0秒。按照我的理解,一般来说,它的作用就是在本地开发环境中,如果要启动node服务,实现一些功能(比如监听某个端口),会在上面执行“nodeapp.js”控制台(比如这个文件叫app!),相应的节点服务就会启动,但是一旦关闭控制台窗口,就没有相应的服务进程了。每次启动服务都要“console->nodeapp.js”。在生产环境中,很麻烦。这里会用到pm2,只需要执行一次“pm2startapp.js”。好了,一劳永逸,控制台窗口可以随心所欲地打开关闭,相应的服务进程会一直在后面运行。项目预览项目预览(仅适配手机端)Github源码Github源码总结刚开始用vue开发的时候,遇到了很多问题,犯了很多错误,但是现在,收获很多。自己的vue博客(留言板)已经开发好了。我想说的是,麻雀虽小,五脏俱全。虽然只是一个小应用,但是涵盖了很多知识点,包括前端、后端、数据库等一个网站必备的要素。对我来说,学习很重要,我们要互相鼓励!
