最近開發一個項目 pc端已經開發差不多了，結果又要說兼容移動端。UI給了圖后 我吐了，移動端的頁面呈現和pc端有些頁面差不多，有些就不一樣了。
怎么辦呢，秉者辦法總比困難多，開始思考。
一般兼容移動端，如果你的移動端的內容只是提取了pc端主要功能，很多東西都是差不多的，只是布局不同，那么你可以直接使用media 媒體查詢，來解決。
如果你的pc端和移動端，完全呈現的是不一樣的，沒辦法，你就需要寫兩套了，同時需要提供兩個域名，移動端和pc端部署在不同的域名上。這樣是可以，但是工作量就比較大了。
我現在的情況是屬於兩者之間，有差不多的頁面，有差距很大的。我又不想寫兩套，這樣太麻煩了而且給的開發時間也不多。
這個時候vue的內置組件 component 就起到了很的作用。一個渲染動態組件的東西，很棒棒！
首先 你必須要判斷當前是移動端還是pc端 定義一個全局方法：
然后 在需要展示不通頁面的地方判斷 當前是什么端：
同時引入移動端的組件和pc端的組件
最后在頁面上使用component 來動態渲染需要的組件 (這里PMGathering是在data需要一個初始化的，可以是pc端的組件)
然后就ok了，你就會發現在移動端和pc端的頁面是不一樣的。這個方法可以結合meida 最大限度不用修改原有的pc和移動端頁面差不多的頁面。相對來說是可以減少很多的工作量。