为什么把mounted()改成onMounted(),程序就出问题了?

为什么把mounted()改成onMounted(),程序就出问题了?

https://img1.sycdn.imooc.com//climg/630063000904959208100740.jpg

mounted()是Vue2中的写法,Vue3把mounted()的写法改成onMounted()

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-08-20 13:07:54

同学你好 ,解答如下:

1、在xx.html文件中使用vue并书写vue代码,不论是vue2还是vue3生命周期函数都是mounted,所以同学写成onMounted是错的。

2、当在脚手架搭建的vue项目中,使用composition API的形式书写代码时,生命周期函数才需要写成onMounted。

即vue3并不是把mounted()的写法改成onMounted(),只是增加了onMounted()的形式。

祝学习愉快!

  • 提问者 电磁护盾 #1

    那么使用composition API的形式书写代码时,生命周期函数必须写成onMounted吗?能写成mounted吗?

    2022-08-20 13:11:53
  • 好帮手慕久久 回复 提问者 电磁护盾 #2

    composition API可以和vue2的写法(原始写法)混合,即使用composition API时,也可以使用mounted。只是mounted和onMounted的书写方式、书写位置、引入形式是不同的。另外,既然使用composition API写代码了,就不建议再混入原始写法mounted了。要么都使用新语法、要么都使用旧语法、不推荐二者混合用。

    建议同学不要跳着学,跟着视频过一遍,会理解的更清楚、明白,用时也会较短。

    2022-08-20 14:31:32
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师