天天看點

(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