vue.js - 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>

这篇关于vue.js - vue 哪个生命周期进行数据请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！