在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>