首页 > 其他分享 >vue在nuxt中生命周期的正确使用

vue在nuxt中生命周期的正确使用

时间:2022-10-10 19:59:24浏览次数:61  
标签:生命周期 beforeCreate created 调用 vue nuxt

常规理解,vue中的created和beforeCreate都是在页面未生成之前调用的,如果在这期间去调用接口处理数据,在nuxt中其实也会运行这两个生命周期,会导致服务端去追踪数据的时候发现调用了两次接口,不利于后期的数据统计,所以在created和beforeCreate时候要加一个if(process.client){}的限制即可,要求在客户端才会发起请求

标签:生命周期,beforeCreate,created,调用,vue,nuxt
From: https://www.cnblogs.com/shenwh/p/16776939.html

相关文章

  • 前端Vue2-Day46
    Vue的特点:1.采用组件化模式,提高代码复用率,使代码易于维护。2.声明式编码,编码人员无需直接操作DOM,提高开发效率。3.使用虚拟DOM和diff算法,尽量复用DOM节点。Vue.config......
  • 006 组件的生命周期
    [A]生命周期1.React中提供了一下钩子函数,也叫生命周期函数2.这些钩子函数与render方法并列(render也属于一种生命周期函数·),直接写成xxx(){}形式即可 ......
  • vue中地区选择器 v-distpicker
     如上图所示,前端需要用到省/市/区的地区选择器的情况,这个时候可以使用v-distpicker插件。官方访问地址:https://www.npmjs.com/package/v-distpicker使用方法访问地址:ht......
  • (自用)vuex的使用,getters,actions声明与使用
    importrequestfrom"@/api/Interface.js";//schema转jsonfunctionschemaToTableData(modelData){letdfs=(val,tableData)=>{for(letkeyinval){......
  • 解读Vue3模板编译优化
    今天的文章打算学习下Vue3下的模板编译与Vue2下的差异,以及VDOM下Diff算法的优化。编译入口了解过Vue3的同学肯定知道Vue3引入了新的组合Api,在组件mount阶......
  • 父子组件的生命周期(执行顺序)
    结合父子组件之后,一个完整的父子组件生命周期:父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounte......
  • 聊聊Vuex原理
    背景Vuex是一个专为Vue.js应用程序开发的状态管理模式。Vuex是专门为Vue.js设计的状态管理库,以利用Vue.js的细粒度数据响应机制来进行高效的状态更新。如果你已......
  • 关于VUE项目请示接口报错:Error: Network Error at createError (createError.js:17) a
    今天在开发VUE项目时,发现一个问题,请示后端接口时报错,但是调试后端接口请示正常,但是前端就报错  看浏览器错误信息如下:   调试看到请示错误信息如下:Error:Netw......
  • vue 项目 生成二维码
    Vue项目生成二维码一:引入qrcodejs2终端运行2选1npmiqrcodejs2或npmiqrcodejs2-fix引入 qrcodejs2,生成二维码时 出现如下错误:   解决办法:所以......
  • vue pdf预览
    用到的插件是vuepdf1、对于不能通过npminstall安装的,需要去官网下载打包好的文件,文件夹大概是这个样子的,  然后在用到的.vue文件中引入就ok了  创建一个展示pd......