原文：https://www.cnblogs.com/atjinna/p/6907369.html

一、导语

　　最近在研究，左侧是导航，右侧是显示对应的内容，左右可单独滚动，不互相影响，如何实现？

萝卜蹲的游戏大家都玩过，白萝卜蹲，白萝卜蹲，白萝卜蹲完红萝卜蹲，可是若是在含有滚动条的页面的情况下，白萝卜是子元素，红萝卜是父元素，白萝卜蹲完不想让红萝卜蹲，怎么办？ js是直接用阻止默认事件e.preventDefault(); ，vue虽然也有阻止默认事件 @scroll.prevent，但是并没有效果啊，怎么办啊？？有木有同学会啊？？？

 

二、正文

　　记录下如何更改vue项目运行的端口号

 　　使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？？

 　　1、找到项目对应的 config 文件夹里的 index.js ,此时可以看到项目配置了 port:8080

 　　运行时，端口号就是8080：

 

　　　　

　　　　2、修改该值，比如修改为4040