VUE PC互換のモバイルエンド・エンド

最近のプロジェクトは、ほとんどのPCエンドを開発してきた開発、結果は、互換性のある携帯端末を言わなければなりません。UIは、図を与えた後、私は、ほぼ同じいくつかのページをレンダリングするモバイル端末とPC-ページ、いくつかの異なる唾を吐きます。

問題よりも解決策によって行われ、それを行う方法を、考え始めます。

モバイルコンテンツは、単にPCの主な機能の終わりを抽出する場合、一般的に、携帯側との互換性が、多くのものが似ていますが、異なるレイアウトは、あなたが直接解決するために、メディアのメディアクエリを使用することができます。

完全にレンダリングあなたのPCやモバイル側面は、同じでない場合、方法は、次の2つを作成する必要がないでしょう、そして、同時に必要が2人のドメイン名、携帯端末と異なるドメイン名に展開されたPCを提供します。これは可能ですが、作業負荷が比較的大きいです。

私は状況は大きなギャップがある、同じページについて持って、それらの間で立って今の私。私は2つのセットを書きたくない、これはあまりにも面倒ではなく開発に多くの時間です。

この時間VUE内蔵部品・コンポーネントは、非常に役割を果たしています。動的コンポーネントは、何か非常にバンバンをレンダリング!

まず、現在のモバイル端末やPC側はグローバルメソッドを定義するかどうかを決定する必要があります。

  

 

あなたが裁判官を表示する必要がある場所を、現在のページには、どのようなエンドは無理があります。

 

 

およびコンポーネントアセンブリ可動端PCの端部を導入しながら

 

最後に、ページに必要なコンポーネントの動的レンダリングコンポーネントの使用(必要な初期化データにPMGatheringここでは、PCエンドアセンブリとすることができます)

 

 

 

その後、あなたは携帯電話とPC側が同じではありません終了ページで[OK]を見つけます。この方法では、元のPCと携帯側のページと同様のページを変更することなく、meidaを最大化するために組み合わせることができます。これは、ワークロードの多くを減らすことができ、比較的です。

 

おすすめ

転載: www.cnblogs.com/liaoyanhui/p/11465023.html