这是我参与「第五届青训营 」伴学笔记创作活动的第 9 天
最近也是春节放假，倒是养成了看掘金的习惯，主要的成果是会看vue、react项目了，把vue-cli里面各个部分都读懂了。这是个好的结果，不说了解深层，起码知道了使用的方法，知道每个部分都是干什么的，有哪些部分，它们怎么连接的。
我写这个文章是凭记忆回顾vue的要点
vue的要点，感觉一方面是使用，说白了就是连接；另一方面是实现。实现先不谈，连接这块又可以分为component、component父子关系、router、vuex。
component就是各个组件，写在vue文件里面，然后export出去，被其它的vue组件import引用。vue组件里面有两个部分，一是类似于xml的，写虚拟dom；二是js操作，包括了数据、操作、钩子等等。
component父子关系就是使用别的组件时，往子组件传参，子组件用props获取这个参数；子组件用ref调用父组件的js操作。这样的父子之间有一个互动
router就是类似于a标签的，用router-link来动态翻页，来生成这样的单页面应用，而不是更换html
vuex就是个状态库，因为有的状态使用范围很广，不能再用父子组件一点点传，就需要存到vuex里面，大家都能用
这些东西其实都在vue-cli里面的src，一个html当作主页面，main.js是一个接口，联通app.vue和html，其它vue就挂在app.vue上面，这样就打通了。
在src外面，主要是package.json，他来决定哪些库要调用，另外控制一些属性、参数，也是经常用。
另外就是build打包，默认的好像就是webpack来打包，有好几个作用，最直观的就是降低大小以及把各种类型的文件合并，可以在dist里面看到。babel好像是webpack的一部分，是把ES6的改成ES5，其实webpack除了babel还有其它的方法要调用，比如把scss改成css之类的方法。
