本文主要是介绍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插件
这篇关于VUE相关知识锦集的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!