vue学习目标

第一部分

理解为什么要学习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样式

理解支付宝支付的大致流程

理解微信小程序开发的大致流程