VUE相关知识锦集

一、生命周期的使用场景

created ----- 单组件请求

mounted----- 同步可以获取dom,如果先子组件请求后父组件请求

activated-----判断id是否相等，如果不相同发起请求

destory-----关闭页面记录视频播放时间，初始化的时候从上一次的历史开始播放

补充keep-alive：缓存当前组件；包括activated，deactivated;

二、vuex的5个属性

state ---- 全局共享属性

getters ---- 针对于state数据进行二次计算

mutatioins ---- 存放同步方法的

actions ---- 存放异步方法的，并且用来提交mutatioins

modules ----  把vuex再次进行模块的划分

***vuex的mutations和actions的区别

相同点：mutations和actions都是来存放全局方法的，这个全局方法return的值拿不到

区别：mutations----同步

           actions----返回的是一个promise对象，他可以执行相关异步操作

           mutations是来修改state的值的，actions的作用是来提交mutations

三、vue持久化存储

vuex本身不是持久化存储的数据。vuex是一个状态管理仓库（state:全局管理属性）就是存放全局属性的地方。

实现持久化存储：1.自己写localStorage . 2.使用vuex-persistedstate插件