天天看点

(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打包优化的基本点

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

vue-loader+webpack项目配置

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

webpack.config.js

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

vue2的核心知识介绍

(30)打鸡儿教你Vue.js

image.png

数据绑定

Vue文件开发方式

render方法

生命周期方法

computed

配置vue的jsx写法以及postcss

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png

webpack配置打包优化

(30)打鸡儿教你Vue.js

image.png

(30)打鸡儿教你Vue.js

image.png