Vue相关图示vuex 、token、 vue生命周期

MVVM

生命周期

beforeCreate() {
    alert("1-组件实例化之前的函数");
},
created() {
    alert("2-组件实例化完毕,页面还未显示");
},
beforeMount() {
    alert("3-组件挂载前,页面仍未显示,但虚拟Dom已经配置");
},
mounted() {
    alert("4-组件挂载后,页面显示");
},
beforeUpdate() {
    alert("5-组件更新前,页面仍未更新,但虚拟Dom已经配置");
},
updated() {
    alert("6-组件更新后,页面显示");
},
beforeDestroy() {
    alert("7-组件销毁前")
},
destroyed() {
    alert("8-组件销毁")
},

vuex概念图

Vuex核心属性

属性名	描述
state	仓库，里面存放数据
getter	搬运工小组，有无数个搬运工，只负责从厂房往外搬东西
mutation	操作工小组，有无数个操作工，负责更新货物，只能同步进行
action	操作工小组，有无数个操作工，负责更新货物，可以异步进行
module	工厂里的厂区，vuex里面可以有无数个厂区

Token