課程目錄:
智能社:Javascript之vue.JS(一)
- 認識Vue
- vue和angular的區別?
- vue基本雛形
- 認識vue里面幾個常用的指令
- bootstrap+vue的簡易留言
- 其他指令全面認識?
- computed的使用
- 屬性和事件
- class和style
- 模板
- 過濾器
- vue的交互
- 使用vue制作百度和360搜索下拉框
智能社:Javascript之vue.JS(二) - 計算屬性的使用
- 提高循環的性能,讓重復數據顯示出來
- vue實例的簡單方法
- 自定義過濾器
- 自定義指令
- 自定義鍵盤事件
- 數據的監聽
- vue組件
智能社:Javascript之vue.JS(三) - 組件間數據傳遞、同步數據更新
- vue-router
- slot的使用
- vue-cli、vue-loader
- vue-devtools
- vue構建SPA應用
智能社:Javascript之vue.JS(四)
1.vue-loader和vue-router的結合使用
2.vue-cli的使用流程
3.常見報錯信息
4.默認端口的更改 - simple、webpack、webpack-simple、 browserify、browserify-simple的項目模板使用 以及推薦
智能社:Javascript之vue.JS(五)
1.vue2.0與1.0的區別
2.組件模板片段代碼的替換
3.組件的簡潔語法定義
4.生命周期的變化
5.新增生命周期
6.vue2.0里面的循環變化
7.track-by的代替者
8.自定義鍵盤指令的替換
9.封殺過濾器 - 2.0里組件通信的問題
- 更加靠譜的組件通信方案: 單一事件管理通信
智能社:Javascript之vue.JS(六)
1.vue2.0的過渡(transition)
2.過渡的鉤子函數(hook)
3.多個元素過渡
4.vue-router2.0的使用
5.路由和動畫結合
6.vue腳手架2.0的使用
7.vue-loader結合路由
8.loader的順序問題
智能社:Javascript之vue.JS(七)
1.bootstrap與vue2.0
2.Element-UI的全局使用
3.Element-UI的按需使用
4.結合less的使用
5.axios的簡單使用
6.Mint-ui的使用
智能社:Javascript之vue.JS(八)
1.vue2.0自定義全局組件
2.use使用
智能社:Javascript之vue.JS(九)
1.vuex的講解以及實例
智能社:Javascript之vue.JS(十)
1.vue2.0仿手機新聞項目
智能社:Javascript之vue.JS(十一)
1.總結