首页 > 其他分享 >vue生命周期以及如何将axios挂载到vue的原型链上

vue生命周期以及如何将axios挂载到vue的原型链上

时间:2023-03-07 23:45:39浏览次数:45  
标签:el 生命周期 vue binding update 链上 axios

生命周期

组件的生命周期是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段

生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行

 

update 函数:在DOM更新的时候,会触发update

update(el,binding){
      el.style.color=binding.value
      console.log(binding)
    }

函数简写:如果bind和update函数中的逻辑相同,则对象格式的自定义指令可以简写成函数格式

color(el,binding){
    el.style.color=binding.value
 

把axios 挂载到vue的原型上

1、在mian.js中导入axios

Vue.prototype.$http = axios

2、自定义路径

axios.defaults.baseURL = '根路径'
 
 

标签:el,生命周期,vue,binding,update,链上,axios
From: https://www.cnblogs.com/guorunbin/p/17190215.html

相关文章

  • vue组件之间通信以及混入
    子组件向父组件共享数据使用自定义事件父向子用自定义属性兄弟之间用eventbus组件的$nextTick(cb)方法,会把cb回调到下一个dom更新周期之后执行Vue2中非父子组件之间用......
  • vuex笔记
    Vuex在开发中,我们会的应用程序需要处理各种各样的数据,这些数据需要保存在我们应用程序中的某一个位置,对于这些数据的管理我们就称之为是状态管理src/store/index.js......
  • Luffy项目:5、腾讯云短信封装,luffy项目登录注册后端逻辑API接口编写,前端页面及Vue编写
    目录Luffy项目一、腾讯云短信开发1、封装发送短信二、登录/注册后端逻辑API编写1、发送短信验证码接口2、短信登录接口2、1.视图类2、2.序列化类3、短信注册接口3、1.路......
  • v-model 在vu2和vue3的使用
    首先看到v-model,大多数小伙伴都会想到“响应式”、“双向绑定”,v-model确实是实现了双向绑定数据,用过vue的人都比较熟悉。v-model是Vue内置的指令,vue2和vue3中的v-mod......
  • Vue核心虚拟Dom和 diff 算法
    一、介绍虚拟DOM什么是虚拟DOM?之前我的理解:虚拟DOM是一个真实DOM的映射,Vue是拿虚拟DOM描述真实DOM,虚拟DOM体积比真实DOM小,每次操作虚拟DOM都会触发重排,判断虚拟DOM发生......
  • VUE+.NET应用系统的国际化-整体设计思路
    近期产品要支持国际化多语言,主要涉及前端界面国际化以及后端提示信息、异常信息的国际化多语言支持。目前我们的开发技术栈:前端VUE、后端.NET。面向前端界面和后端服务,分......
  • 谷歌google安装vue插件
    链接:https://github.com/vuejs/devtools默认是main分支,需要切换到add-remote-dev,然后点击下载压缩包zip,解压到某位置解压之后管理员运行cmd命令提示符窗口,cdD:**......
  • 基于ElementUI和Vue.js的SUNBOOK图书后台管理系统(纯HTML、原生Java后端开发)
    一、项目介绍-使用element-ui、axios和Vue.js实现SUNBOOK的页面结构及网页请求-通过JSON传递请求与响应参数-在后端使用JdbcUtilsByDruid实现对数据的增加、删除、......
  • 从0搭建Vue3组件库(五): 如何使用Vite打包组件库
    本篇文章将介绍如何使用vite打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts)打包配置vite专门提供了库模式的打包方式,配置其实非......
  • vite+vue3+ts 如何配置环境 以及如何配置开发环境和生产环境变量
    如何在vite项目中配置环境及环境变量首先需要创建环境文件,这里我只创建了两个环境:开发环境和生产环境;在根目录下创建.env.development文件,此文件为开发环境,......