首页 > 其他分享 >vue组件中使用props的值发接口,created和mounted中取不到props。怎么办?

vue组件中使用props的值发接口,created和mounted中取不到props。怎么办?

时间:2022-12-28 16:33:29浏览次数:33  
标签:异步 vue computed created 值发 watch props mounted

先看代码吧

 

 

 

描述:一般情况我们会在created或者mounted里面发查询接口,把页面需要渲染的数据查回来、

问题:created和mounted里面并不能访问到props的值,打印会是一个undefined

解决办法:利用computed或者watch ,因为他们都是靠依靠对象的变化去执行(除去进入时的第一次执行,依赖对象变化之后可再执行)

注意事项:怎么选择computed和watch ,有异步操作的时候选择watch。以为computed不支持异步。没有异步可以使用computed,computed有缓存机制,性能上会友好点吧

===========

上述个人理解,有不足之处,希望被指正~

标签:异步,vue,computed,created,值发,watch,props,mounted
From: https://www.cnblogs.com/zhao-qin/p/17010417.html

相关文章

  • vue3使用bootstrap的简单加载遮罩层
    之前有使用过bootstrap做过一个简单的加载遮罩层,现把它加入到vue中。加载遮罩层一般来讲整个app共用一个就可以,因此放到App.vue中,为不影响其它的业务逻辑,放到</template>......
  • VUE-vue中切换页面时让目标页面的滚动条自动滚动到顶部的方法
    情景描述页面/a,有输入框,当输入框输入合适的值的时候,不隐藏软键盘,点击相应按钮直接跳到/b页面 /b,页面本来内容很少,没有滚动条的,可是莫名的被下方的灰色......
  • vue3使用vue-router构建SPA
    使用自动化构建工具vite搭建新项目#某个目录下执行npmcreatevite@latest 按照提示初始化项目,并按照提示:cdvite-projectnpminstallnpmrundev生成目录结构......
  • 基于图形化界面的方式创建vue2项目
    前提是安装vue-clinpmi-g@vue/cli接下来使用vueui创建vue项目vueui浏览器自动打开点击创建,然后去到你想把创建的项目放到的位置如果到不了那个位置,就......
  • vue嵌入iframe场景键盘事件不触发的问题
    使用鼠标移动事件触发函数<iframe**@mouseover="setFocus()"**id="iframeUE4"frameborder="0"src="路径地址"></iframe>再调用内......
  • Vue3源码阅读梳理
    简单代码例子const{createApp,defineComponent,computed,watch,ref,reactive,effect}=Vueconstapp=createApp({components:[],template:`<div......
  • Vue3+vant+ts 上滑加载,解决上滑调用多次数据的问题
    之前用vue2的时候,写过vue2的用法,链接在这里点击跳转哈,用得挺好的,也没啥问题,照葫芦画瓢的做出来了,但是有问题,下滑之后调用多次数据,按理说组件通过 loading 和 finished......
  • vue环境配置文件详解
    一.什么是配置文件1.在vue项目目录下,我们可以看到诸如package.json、.gitignore、package-lock.json等等能配置项目的结构、引用的库、运行的方式、版本控制等等的都称为......
  • vue首页缓存
    vue.config.js添加chainWebpack:config=>{        config.plugins.delete('prefetch');//取消预加载    config.plugins.delete('preload......
  • react和vue中为什么用key、并且用key的时候为什么不能用index
    为什么用key在虚拟dom进行diff算法的时候,使用key可以对key进行比较然后来判断两个节点是否是同一节点,极大的增加了速度。为什么避免使用index先来总结好了的:如果只是......