美文网首页
vue学习目标

vue学习目标

作者: 花开有声是我 | 来源:发表于2018-01-07 19:42 被阅读0次

    第一部分

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

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

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

    相关文章

      网友评论

          本文标题:vue学习目标

          本文链接:https://www.haomeiwen.com/subject/hhymnxtx.html