专栏首页web前端教室WEB前端零基础课-1022本周总结

WEB前端零基础课-1022本周总结

<!--

通读了3遍vuex官方文档,结合例子,算是整得七七八八了,还看了官方在GitHub上提供的例子源码

整明白了,其实这玩意儿也不是很难,就是概念比较抽象,只看文字描述是不行的,必须得结合实例

-->

<!-- 周总结 -->

1. 学了啥?

1.1 构造函数继承 call(this, ...) && apply(this, [...])

每个函数都有call()和apply()方法,作用是用于修改函数this指向

两个方法的作用是相同的,不同之处在于接收参数形式不同

call(this, 参数1, 参数2, ...)

apply(this, [参数1, 参数2, ...])

1.2 VueJs

1.2.1 VueJs基本指令

{{msg}} 双花括号插值语法,也可以写简单表达式

v-html 向文档中插入html

v-if 根据条件判断是否渲染DOM

v-show 根据条件判断是否显示DOM,实际操控的是display属性

v-for 循环

v-model 双向绑定

v-on 添加事件,简写为@

v-bind 添加自定义属性,简写为:

1.2.2 基本语法

new Vue({

el: '#xx', // vue程序的控制范围

data: {}, // vue程序的数据

computed: {}, // 计算属性

watch: {}, // 监听数据

methods: {} // 方法在这里定义

})

1.2.3 组件通信 props, $emit()

1.2.4 VueRouter 路由

1.2.5 Axios 用于前后端交互

axios.get('xxx',{

params: {}

})

.then( res => {...} )

1.2.6 Vuex,用于vue的状态管理

new Vuex.Store({

state: {},

getters: {},

mutations: {},

actions: {}

})

1.2.7 生命周期 - 钩子函数

created() 实例初始化完成后调用,常用于加载动画

mounted() 组件挂载到真实DOM之后调用,常用于请求数据

2. 做了啥?

2.1 VueJs基本语法,指令Demo

2.2 VueJs组件通信Demo

2.3 VueRouter路由Demo

2.4 Vue版本选地址,购物车Demo

2.5 Vuex版本购物车Demo

3. 有啥问题?

前边没啥问题,vuex这里不是很好理解,周末啃了两天,基本没问题了

4. 有啥收获?

4.1 画逻辑图好些了,感觉这一招很棒,不管是对自己以后的工作还是即将找工作的面试环节都有很大帮助

4.2 vuex这一块的知识之前陌生,现在基本ok了

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-10-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • html5-Canvas 基础应用-画线简介

    本节知识点 1、moveTo:开始一条路径,起始点移动到位置0,0开始。 2、lineTo(): 方法添加一个新点(此方法不绘制线条)。 3、stroke():...

    web前端教室
  • 先行者计划QQ群视频 | 7月15日

    今天的先行者计划群视频,主要内容就是下面PPT的内容,然后扩展开讲了一下用switch写前端路由的思路方向。 ? ? ? ? ? ? ?

    web前端教室
  • 学js少看书肯定是不成的,要多看。

    今天下午在逛街的时候,脑子里突然蹦出一段代码,很简单, function abc(){ this.aa = 123; this.xx = function(...

    web前端教室
  • 命令式和声明式,哪个才是你的菜

    今天的主题是讨论一下“命令式”思想和“声明式”思想在分布式系统和微服务架构运维中的应用。 主要大纲 1. “命令式”和“声明式”的概念 2. 命令式思想在分布式...

    yuanyi928
  • 英特尔宣布完成向苹果出售调制解调器业务的交易

    今天,英特尔正式宣布,它已经完成了以10亿美元将智能手机调制解调器业务出售给苹果的交易,其中包括知识产权、设备以及约2200名英特尔员工。

    镁客网
  • 一篇文章带你过一遍 TypeScript

    其中 null/undefined 是 TypeScript 中任何类型的子类型。

    ConardLi
  • 排序算法

    上面结果可以说明,虽然也是比较了和冒泡一样多的次数,但是交换缺少了很多。所以时间为N²/2

    cMusketeer
  • 浅析API和SDK

    最近有小伙伴咨询胡哥关于API和SDK的概念以及区别,今天给大家来阐述下我的理解,手动微笑.gif。

    胡哥有话说
  • 谈谈模板方法设计模式的使用

    在项目中经常会遇到一个类的某些方法和另一个类的某些方法功能是相同的,只有部分方法是不同的。这个时候就可以使用模板方法来操作了。其实这种情况很常见:比如我们项目里...

    貟王軍
  • String、StringBuilder和StringBuffer

    在之前的文章「 Java 中 String 类为什么要设计成不可变的?」中对 String 的特性已经作了总结。这篇文章主要介绍另外两个常用的类 StringB...

    用户3596197

扫码关注云+社区

领取腾讯云代金券