在vue中 浏览同一个官网除了响应式 pc端和移动端两套代码分开展示检测

只需要在index.html文件中的vue的mounted生命周期函数中判断屏幕的宽度来做相应的跳转

<script>new Vue({el: '#app',data: function() {return {}},mounted(){if(document.body.clientWidth<787){window.location.href='mindex.html';};//当然随时改变屏幕大小也会改变的，所以也要加上window.addEventListener('resize',()=>{if(document.body.clientWidth<787){window.location.href='mindex.html';}}})</script>