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等这些块元素是无效的