vue 哪个生命周期进行数据请求

vue 哪个生命周期进行数据请求比较好,怎么进行状态保存,

回答:

不考虑服务器端渲染,一般选在 mounted 周期内请求数据,因为这个周期开始时,当前组件已经被挂载到真实的元素上了。

以下引用自官方文档

mounted
el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内。

示例:
单文件组件内使用时的示例:

<template>
    <div>
        这是一个示例
    </div
</template>

<script>
    export default {
        data() {
            return {
            
            }
        },
        methods: {
            getData() {
                // 请求数据
            }
        },
        mounted() {
            // 调用请求数据的方法
            this.getData()
        }
    }
</script>

回答:

看实际情况,一般在 created 里面就可以,如果涉及到需要页面加载完成之后的话就用 mounted

vue-router 文档数据获取实例
vue.js 文档实例

回答:

我都是直接在beforeCreate钩子中发起请求,因为从beforeCreate钩子到created钩子的过程,Vue是同步执行的。也就是等ajax发起异步请求的时候,vue的数据绑定已经完成了。至于状态管理,我推荐楼主使用Vuet,主要是因为vuex在大部分的时候,都会非常的繁琐,而Vuet可以很轻松的实现组件通信、模块管理、状态重置等

回答:

一般是beforeRouter、created这两个钩子,状态保存直接存data

回答:

这要看你需求 如果你需要还没加载完页面一进去就请求就写created如果你需要加载完页面请求就写mounted
如果你需要点击请求就写点击事件里

状态保存可以用缓存或者vuex

回答:

这个问题,我感觉楼主需要多读几遍文档。。。

回答:

纯数据处理建立在created的钩子上面,保证进入的时候data的数据就是自己的

回答:

个人感觉卸载mounted钩子中好点,状态保存看需求,推荐vuex;不过有一些地方storage,cookie更好点。

回答:

vue全套教程:https://www.3mooc.com/front/c…

回答:

created 和 mounted 其实都是可以的,但是越早越好,所以推荐还是放在 created 中,因为 created 阶段已经可以拿到 data 的值了

回答:

考虑用户体验方面的话,在created中调用异步请求最佳

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注