vueで簡単なsegmentfault appインタフェースを書く


vueを見てもずいぶん時間がかかりましたが、ずっと手書きをしたことがありません.この2、3日はちょうど暇で、vueで手書きを練習しました.簡単なsegmentfault appのインタフェースを手書きしました.機能的には実現が少なく、一番外側のルートとデータの展示だけを書きました.データは静的で、/program/dataに置く.jsの中.
これの最大の面倒な点はネストルーティングで、下部のtab barと上部のnavigation bar、そして中間の展示ページはネストされていて、これを理解してから実は他のものは難しくありません.
またtransitionでは、appの中のように、tab barの2つのページをクリックして同時に透明-表示または表示-透明の変換を開始することはできません.1つのページのアニメーションが完了し、もう1つのページが開始します.しかも真ん中の展示ページは多重化されているので、多重化すると動画を実行しないようですか?この点はまだドキュメントをよく研究していません..怠け者です...
物はgithubに置いて、住所はvue-segmentfaultで、中のsegmentfaultフォルダの上で実行します
npm install 
npm run dev

よし、携帯モードで閲覧してngrokで直接
ngrok http 8080

住所が見えます.それから携帯電話で住所を開けばいいです.issueとstarを歓迎します.