Vue.js写一个挪动端消息

2019年8月25日 173次阅读 来源: 书生脚气

Vue.js写的一个挪动端消息

刚学Vue，就本身着手撸了一个项目，项目能够不成熟，请人人多提看法

源代码

源代码地点: GitHub

预览

在线预览

在线预览地点: Vue消息

ps: 电脑预览请切换到挪动端,搜刮的时刻能够有点慢(API的题目)

预览图

《Vue.js写一个挪动端消息》

手艺栈

Vue2：采纳最新Vue2的语法

Vuex：状况治理，完成差别组件之间的状况同享

vue-router：路由治理，完成路由的跳转

axios：提议http要求

Express：处置惩罚跨域要求题目

Webpack：自动化构建东西，大部分设置vue-cli脚手架已弄好了，很轻易

淘宝flexible：经由过程转变font-size,运用rem处理挪动端适配题目

运用 Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

碰到的题目

  • 规划题目：在做项目之前，应当构想好大抵的规划构造，各个组件的构造设计与联络要想好，本人做这个项目就是规划出了题目，致使背面要修正一大堆的东西，这个 项目也是重做了两次。

  • 异步编程题目：本项目运用了极速数据的API，后端的API编写也要处理要求数据的异步题目，JS完成异步的要领有回调、Generator、Promise、Async。
    回调条理多了，有回调地狱题目，代码的重用性、可观性不好；Generator须要手动实行（co模块可处理），相比之下，Promise和Async是比较抱负的。

  • 组件之间通讯题目: 父组件能够经由过程props属性给子组件通讯，子组件经由过程监听、触发事宜向父组件通讯，那兄弟组件呢？Vue2.0有eventBus处理这个题目，然则本人 照样迥殊喜好用vuex，vuex将状况集合治理，真是太轻易了

总结

Vue.js真是太轻巧了，数据驱动使代码越发的精练，vue-router免去了传统前端跳转页面带来的页面的悉数革新，组件体系让我们能够用自力可复用的小组件来构建大型运用。

ps:18届软件工程门生求份前端练习事情 我的简历

    原文作者：书生脚气
    原文地址: https://segmentfault.com/a/1190000009811706
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞