一个做知识分享的网站
vuex学习资料,vuex入门
cysgjj时间2024-09-09 05:58:07分类学习资料浏览20
大家好，今天小编关注到一个比较有意思的话题，就是关于vuex学习资料的问题，于是小编就整理了4个相关介绍vuex学习资料的解答，让我们一起看看吧。
vuex中子组件如何获取数据？
vue中子组件获取数据有三种，第一种1.this.$emit ，子传父2.this.$children属性，this.$children返回的是数组；
第二种方法，通过this.$refs获取组件；
第三种方法，this.$parent获取父组件数据，this.$parent返回的是对象，this.$children返回的数组。
vuex数据丢失怎么解决？
办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、cookie）
办法二：在页面刷新的时候再次请求远程数据，使之动态更新vuex数据
办法三：在父页面向后台请求远程数据，并且在页面刷新前将vuex的数据先保存至sessionStorage（以防请求数据量过大页面加载时拿不到返回的数据）
vuex中action主要用来干什么？
可以通过dispatch去触发action，这个action是异步的，里面干什么随你，完了可以commit触发同步的mutation去更新状态
这个状态是全局都可以获取的，你就不需要通过其他绕圈子的方式去通知各个页面更新状态，一个action全搞定了。
一个action可以同时触发其他多个action，这个是一个双刃剑。如果你的触发逻辑比较混乱的话，那可能就是踩到鞋带的下场，逻辑清晰各个条件没有冲突的话，这个会是一个很好的连锁更新方式
vue请求数据放在哪个生命周期？
看实际情况，一般在 created（或beforeRouter） 里面就可以，如果涉及到需要页面加载完成之后的话就用 mounted。
在created的时候，视图中的html并没有渲染出来，所以此时如果直接去操作html的dom节点，一定找不到相关的元素
而在mounted中，由于此时html已经渲染出来了，所以可以直接操作dom节点，（此时document.getelementById 即可生效了）。
所以根据具体情况具体分析。数据量大的话还可以用vuex，所有的数据更新都会同步渲染。
示例：
<template>
<div>
这是一个示例
</div
</template>
<script>
export default {
data() {
return {
}
},
methods: {
getData() {
// 请求数据
}
},
mounted() {
// 调用请求数据的方法
this.getData()
}
}
</script>
到此，以上就是小编对于vuex学习资料的问题就介绍到这了，希望介绍关于vuex学习资料的4点解答对大家有用。
[免责声明]本文来源于网络，不代表本站立场，如转载内容涉及版权等问题，请联系邮箱:83115484@qq.com，我们会予以删除相关文章，保证您的权利。转载请注明出处：http://www.lnbtw.com/post/49570.html
