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了