前言
博客已经长草将近两个月了，但迫于最近都在学以后吃饭用的东西，没时间去打理，想来年初时我还暗自发誓要至少写每月一篇，不免有些尴尬
这几天学到了Vue和前端工程化的一些内容，准备找一个简单的项目练练手，想到了之前看到过的奥利奥生成器。原项目是通过Script标签直接引入vue.js书写的，改为构建版本很容易，于是花了半天时间，将其用Vue CLI重置了一遍，顺便凑成这篇水文
因为原项目就用的Vue，重置起来简直一点难度都没有复制粘贴就行，功能逻辑也是直接照搬的JS代码，稍微调整了一下。如果硬要说难点在哪，大概是因为组件化的原因，在数据传递和状态管理上稍微绕了一下，因为没接触过真实项目，所以也是按着自己的思路瞎写的🌝
Demo
!https://github.com/journey-ad/oreooo
用到的技术
仅在此罗列用到的一些工具和技术名词作为记录，有机会的话会予以补充说明咕咕咕：
工具
- Vue.js
- Vue-i18n
- Vue CLI
- webpack
- Sass/Scss
- Fontmin
技术
- ECMAScript
- CSS变量
- Canvas
- Flex布局
- Rem
- SVG
- WebFont及字体子集化
- Service Worker
- i18n
- 模块化
- Vue生命周期
- 父子组件通信