（30）打鸡儿教你Vue.js

Vue+Webpack

1、对es6语法有基本了解 2、了解前端工程化 3、了解vuejs

1、通过webpack搭建vue工程workflow 2、哪些是学习vue的重点 3、.vue文件开发模式 4、vue使用jsx进行开发的方式 5、vue组件间通信的基本方式 6、webpack打包优化的基本点

image.png

image.png

image.png

vue-loader+webpack项目配置

image.png

image.png

image.png

image.png

webpack.config.js

image.png

image.png

vue2的核心知识介绍

image.png

数据绑定 Vue文件开发方式 render方法

生命周期方法 computed

配置vue的jsx写法以及postcss

image.png

image.png

image.png

image.png

image.png

webpack配置打包优化

image.png

image.png