Vue.jsはモバイル端末のニュースを書きます

Vue.jsが書いたモバイル端末のニュース
ちょうどVueを学んで、自分で1つのプロジェクトに手を出して、プロジェクトは熟していないかもしれなくて、みんなに多く意見を出してもらいます
ソースコード
ソースアドレス:GitHub
プレビュー
オンラインプレビュー
オンラインプレビューアドレス:Vueニュース
ps:パソコンのプレビューはモバイルに切り替えてください.検索が遅いかもしれません(APIの問題)
プレビュー図
テクノロジースタック
Vue 2:最新のVue 2の構文を採用
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・・がある.コールバックの階層が多くなり、コールバック地獄の問題があり、コードの再利用性、可視性が悪い.Generatorは手動で実行する必要がある(Asyncモジュールは解決可能)のに比べてcoとPromiseが望ましい.

コンポーネント間通信問題:親コンポーネントはprops属性で子コンポーネントに通信でき、子コンポーネントはリスニング、トリガイベントで親コンポーネントに通信できるが、兄弟コンポーネントは?Vue2.0 eventBusでこの問題を解決していますが、本人は特にvuex、vuexで状態を集中的に管理するのが好きで、本当に便利です

まとめ
Vue.jsは本当に軽くて、データ駆動はコードをもっと簡潔にして、vue-routerは伝統的なフロントエンドのジャンプページがもたらしたページのすべてのリフレッシュを免れて、コンポーネントシステムは私たちに独立して多重化可能な小さいコンポーネントで大規模な応用を構築することができます.
ps:18期のソフトウェア工学の学生は先端の実習の仕事の私の履歴書を求めます