谈一谈vue请求数据放在created好还是mounted里好_mounted和created获取数据 - CSDN文库

124 浏览量更新于2023-03-03 评论 1 收藏 118KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

谈一谈谈一谈vue请求数据放在请求数据放在created好还是好还是mounted里好里好

建议放在建议放在created里里

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

如果在mounted钩子函数中请求数据可能导致页面闪屏问题

其实就是加载时机问题，放在created里会比mounted触发早一点，如果在页面挂载完之前请求完成的话就不会看到闪屏了

补充知识：补充知识：vue各阶段数据可使用情况：各阶段数据可使用情况：created，，computed，，data，，prop，，mounted，，methods，，watch

created时，可用data和prop中的数据。

computed的属性，当在mounted或者dom中使用到时，才会属性的执行代码。

最后是mouted，可使用前面的数据，并且此时才可以操作dom。

watch不会再创建阶段自动执行，除了添加立即执行这个配置项。

加载顺序：加载顺序：

在官方文档中，强调了computed区别于method最重要的两点

computed是属性调用，而methods是函数调用

computed带有缓存功能，而methods不是

计算属性是基于它们的依赖进行缓存的，只有在它的相关依赖发生改变时才会重新求值。

let vm = new Vue({

el: '#app',

data: {

message: '我是消息，'

},

methods: {

methodTest() {

return this.message + '现在我用的是methods'

}

},

computed: {

computedTest() {

return this.message + '现在我用的是computed'

}

}

})

这就意味着只要 message 还没有发生改变，多次访问 computedTest计算属性会立即返回之前的计算结果，而不必再次执行函数。

相比而言，只要发生重新渲染，method 调用总会执行该函数。

调用

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论0

weixin_38512659

粉丝: 9
资源: 974

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈