VUEページPC側と移動端末の互換性プログラム

A、式（@media）のクエリに応答して、メディアを介して達成
利点：小さなページ少ないユーザ対話プログラム、少ない符号量のため、
不利な点：ページのコンテンツは@mediaによって場合、過剰なユーザ対話時間、大きすぎます変更への1つは、それは、コードの量多いことがあり、維持することは容易ではありません。したがって、我々はこの問題を解決するための別の方法が必要です。

二つは、開口装置の種類、および表示されるインターフェイスのニーズを区別するための方法によって決定されます

 // App.vueは
  {）（取り付けられた
       場合（この._isMobile（））{ 
        アラート（ "手机端" ）。
        // 。この$のrouter.replace（ '/ m_index'）; 
      } 他{ 
        アラート（ "PC端" ）。
        // 。この$のrouter.replace（ '/ pc_index'）; 
      } 
    }、
    メソッド：{ 
      // App.vue 
      _isMobile（）{ 
        せフラグ = navigator.userAgent.match（/（電話|パッド|ポッド| iPhone | iPodの| IOS |アプリ|アンドロイド|モバイル|ブラックベリー| IEMobile | MQQBrowser | JUC |フェネック| wOSBrowser | BrowserNG | WebOSと|シンビアン| Windows Phoneの）/ I）
         のリターンフラグ; 
      } 
  }