开发过程中很多时候需要一个区域自动撑开，并且在刚好撑开的区域内实现滚动，这时用flex:1去做。但实际效果很多时候会出现区域撑的过大，却没有滚动效果。要实现4自动撑满剩余空间，并且里面的内容超出时滚动。容器1设置 display:flex;flex-direction:column;height:100%;容器2设置 display:flex;flex-direction:column;flex:

vue项目calc不生效，百度了一下都说要加空格，但加了发现还是没用，最后发现要用2里面的写法才行，亲测可行1.常用的长度值几乎都可以使用calc()函数进行计算（包括%，px等），calc()函数支持 “+”, “-”, “*”, “/” 运算，运算符前后必须空格隔开，否则不生效；2.calc()函数在less中不能使用不生效（less的运算方式和calc发送了冲突），比如calc(100% -

npm run dev的时候会走package.json对应的命令看dev-server.js文件，里面启动了一个服务，项目是通过localhost:8080形式访问，这时候index.html里引入的静态资源必须是在已启动服务配置的目录中，才能成功访问。不像本地点击打开一个index.html文件可以随意引用本地的静态js,启动服务访问的项目不支持访问本地的静态资源，应该是一种安全机制。下面图解

vue属性值变化后，页面不更新解决方法