第一部分
理解为什么要学习Vue
理解什么是CDN加速
学会使用插值表达式{{}}和v-html&v-text的使用
学会使用v-on来监听事件
学会使用v-bind来绑定html属性(比如绑定img的src的属性)
学会使用v-model来进行模型和View的双向绑定
学会使用v-if与v-else来进行判断
学会使用v-for来进行循环操作
学会自定义私有过滤器来实现所有字母转小写操作
学会自定义全局过滤器来实现所有字母转小写操作
学会自己实现路由跳转
学会利用v-resource来实现ajax的get请求
学会利用v-resource来实现ajax的post请求
学会利用v-resource来实现ajax的jsonp请求
第二部分
理解webpack的基本概念
理解webpack能做什么事
理解webpack中的几个核心概念(入口 出口 Loader 插件 配置文件)
学会使用webpack打包一个js文件
学会使用webpack打包多个有依赖关系的js文件
学会使用webpack加上style-load和css-loader打包 css文件
学会配置webpack.config.js来进行打包
学会webpack中插件的使用
学会使用Webpack+Vue搭建项目
学会使用html-webpack-plugin插件 + webpack-dev-server包 实现热更新
第三部分
1.时间格式化
包:
生产环境的包:moment
安装方式:
npm install moment --save
2.jquery
包:
生产环境的包:jquery
安装方式:
npm install jquery --save
第四部分
学会获取新闻详情数据
学会渲染新闻详情组件
学会根据路由隐藏全局返回按钮和底部Tabbar
学会在新闻详情父组件中集成评论子组件
学会在新闻详情父组件中给评论子组件传递数据
学会画评论子组件的UI
学会加载第一页评论数据和加载更多评论数据
学会提交评论
学会渲染图片分类菜单列表
学会渲染图片列表
学会渲染图片详情
第五部分
学会使用vue-preview来完成图片的预览功能
学会获取商品列表数据并且渲染出来
学会抽取轮播子组件
学会在商品评论中集成评论子组件
学会获取商品图文信息的数据并且渲染出来
学会在商品明细组件中集成数量选择子组件
学会从数量选择子组件传值到商品明细父组件中
第六部分
1.学会获取商品信息并且渲染出来
2.学会在商品信息中集成评论子组件
3.学会获取商品图文信息的数据并且渲染出来
4.学会抽取购物车数量子组件
5.学会从一个js文件中导出某个成员，并且在导入的时候使用 import {成员} from 'xxx.js'
6.学会使用$emit,从子组件中传值给父组件
7.学会利用公共vue对象,在两个没有关系的组件中使用$emit进行传值
8.学会将选择的商品数据保存到localStorage中
9.理解抽取shopCartHelper.js这个文件来操作localStorage的好处
第七部分
再次理解Vuex的核心概念
学会Vuex中Actions的使用
学会从服务器获取要展示的购物车列表信息
学会解决Switch双向数据绑定带来的的问题
学会统计购物车中商品的总数量和总价格
学会删除购物车中的商品信息
第八部分
明白为什么要进行Webpack的优化
学会Webpack性能优化之压缩index.html
学会Webpack性能优化之压缩js文件
学会Webpack性能优化之抽离图片和字体文件
学会Webpack性能优化之抽离第三方包
学会Webpack性能优化之抽离css样式
理解支付宝支付的大致流程
理解微信小程序开发的大致流程
