1.需求目标大家开发业务时最顺手的是vue-cli,大部分的封装配置都做好了,这篇文章是用webpack4搭建这样的环境,那vue-cli已经配置好了功能呢?1. ES6代码转换成ES5代码2. scss/sass/less/stylus转css3. .vue文件转换成js文件4. 使用 jpg、png，font等资源文件5. 自动添加css各浏览器产商的前缀6. 代码热更新7. 资源预加载8.每

1.背景日常开发中，有时候有些组件是功能类似甚至完全相同的情况，这个时候我们完全没必要再重新写一个，可以抽离复用可以减少大量的时间，案例：像一些App底部的标签页，在进行一些标签的跳转时，底部的只是变化选中时的字体颜色和图标，大部分的元素都相同。2.抽离思路2.1先抽出一个大的可以装里面小组件的大容器TabBar<div class='tabBar'><tab-bar-item

1.背景大中型项目，需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。再使用单个store方式会让项目代码冗余，不利于组件复用，模块化后对于一些相同的方法名this.$store.commit怎样调用到相应的模块下，今天来实践一下。2.将store模块化2.1在src目录下创建store文件夹,再创建一个index.js作为所有模块的向外暴露的出口2.2这个是tab2.js,具