先看一下产品需求，如下图所示，　　产品要求图片和它的名称一一对应，本来是非常简单的需求，后台直接返回图片路径和名称，前台直接读取就可以了，但是我们没有存储图片的服务器，再加上是一个实验性的需求，图片需要存放到前台。当时我想，vue中的img的src可以动态绑定到一个变量上， 很简单吗，就没有考虑太多，直接开始做了。　　首先和后台商量一下数据结构，因为图片要和名称一一对应，所以后台...

在vue组件中，在style标签上添加scoped属性，以表示它的样式作用于当下的模块，很好的实现了样式私有化的目的，这是一个非常好的机制。在实际业务中我们往往会对公共组件样式做细微的调整，如果添加了scoped属性，那么样式将会变得不易修改。如何解决，最简单办法是：混用本地和全局样式更多解决办法参考：https://vue-loader-v14.vuejs.org/zh-cn/featu...

数据在state中的话数据在getters中

2级路由有具体的路径时前面不加斜杠/

在做一个网页重构成VUE的时候，有段代码是这样的一直能打印出pics的值，但是就是无法渲染出来，检查了不是视图那边是错，最后发现其中有两处错误，一处是this指向问题，此地打印出来的this.pics并不是data里面的pics的值，后面把success函数改成箭头函数即可，还有vue中数组赋值数组不能直接赋值。可以用push方法，下面是修改后的代码 ...

Vue.use(Router)export default new Router({mode:'history',routes: [{ path: '/', component: Login },{ path: '/login', component: Login },{ path: '/register',component: Registe...

flex弹性布局space-evenly 失效，// justify-content: space-evenly ;可以替代为justify-content: space-between;&:before,&:after {content: '';display: block;}