vue2个人博客项目遇到的问题

1. 引入scss时需注意node scss 的版本兼容问题
2. 切换皮肤， vue组件中无link css（无法通过:href引入css文件）
   解决：点击的时候获取dom切换颜色【属于回流】（优化fragment一次性上传、或者vue官网切换颜色时用给元素加class .dark）
3. 图片路径是一个变量, 要使用 require 引入图片. 但mock数据不能加require
   解决：mock中只存部分路径，图片src中进行拼接
   :src="require('../assets/img/banner/' + image.imgUrl)"
4. vue中定义template模板 左下角设置 configure user snippets
5. keyframes无效（!!!解决了！！！！）
   注意点：scoped作用域 会给每个元素加上data-xxxxx，导致无法识别keyframes的名字
   方案一：mixin可以解决（就是可以不用管scoped了）
   方案二：外部引入该css文件也可以解决
   另外还需注意第六个问题 calc(100% - 60px) 减号两边一定要加空格！也可能是该原因导致的。
   还不行，就把keyframes放在全局定义。
6. witdth:calc(100% - 40px) 运算符两边需要有空格,否则可能无效
7. vertical-align只影响内联元素,比如span,img,em,input,a等这些元素,而对div,h3,p等这些块元素是无效的
8. setAttribute()方法设置是作为单独的一个熟悉设置，而不是设置在style标签中
   .style的方式是设置在标签中的style属性中，也就是行内样式

ele.setAttribute("placeholder","@"+replayName)
sub_list.style.display = "block";

9. 前端接收数据时，最好重新命名，不然在页面中修改很麻烦，但最好最后端统一命名。
10. await失效，看一下axios封装的接口是否没有return，对于写在一行的回调是不需要return的，但 多行需要return。