<!--
通读了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了