Vue
李子不会理
这个作者很懒,什么都没留下…
展开
-
VUE3 请求拦截器 响应拦截器
1,导入axios (使用axios进行接口的请求,页面发送http请求,很多情况我们要对请求和其响应进行特定的处理,如:判断token,设置请求头。如果请求数非常多,单独对每一个请求进行处理会变得非常麻烦,程序的优雅性也会大打折扣。所以axios为开发者提供了这样一个API:拦截器。原创 2023-02-13 14:37:56 · 2253 阅读 · 0 评论 -
VUE 3 防抖和节流
节流:高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率,规定你在事件触发一段时间内,只允许执行一次。防抖:每次触发事件时设置一个延迟调用方法,并且取消之前的延时调用方法,当你点击一个事件操作停止后才运行后面代码。在你需要调用页面先import引入,就可以成功啦。vue3 ,vite 项目中。原创 2023-02-13 14:12:28 · 635 阅读 · 0 评论 -
axios
可以解决:1.使得请求的url地址统一管理,2.往一些接口传递headers。3.设置请求拦截器(前端给后端发数据),headers给后端传递相应的token。在vue中下载:npm install axios -S。引入:import axios from ‘axios’Axios是基于promise对ajax的数据封装。4.响应拦截器(后端给前端返回数据)2.创建axios对象。原创 2022-10-05 19:51:56 · 342 阅读 · 0 评论 -
Vuex
vuex是专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式管理,可以适应于任意组件间通信。2.来自不同组件的行为改变同一个状态。1.多个组件依赖同一个状态。原创 2022-10-01 23:21:08 · 187 阅读 · 0 评论 -
插槽 slot
通过使用插槽,渲染外层样式,内部样式还是由父容器提供,使用插槽可以使父容器更加灵活更加具有可复用性,现在组件可以用在不同的地方渲染各异的内容,但同时还保证都具有相同的样式。使用slot,来对内容进行插槽设置,默认插槽,若一个组件接受父组件的内容,一般是通过props来进行一个接受,然后在进行调用渲染。在传值组件处,使用v-slot:XXX(这个在template才可以用)slot(在div里面用)进行命名,在接受处使用name绑定那个名字。给插槽动态绑定的方法,数据,可以传递给插槽的使用者;原创 2022-10-01 22:16:59 · 108 阅读 · 0 评论 -
vue 组件
1、将组件内容设置好,2、通过Vue.component(‘组件名’,组件内容) 注册全局组件。注册好后可以使用在任何新创建的Vue根组件的模板中。组件的data必须是一个函数,确保每个实例可以维护一份被返回对象的独立的拷贝,也就是任何一个组件的改变不会影响到其他组件。1、设置组件内容,2、通过components 在你需要局部调用的组件位置中注册局部组件。父传子:将父组件的内容传递到子组件中(建议动态绑定,静态绑定传进去就是个字符串)1.在子组件内绑定参数 2.子组件接受并处理。原创 2022-09-26 17:20:29 · 199 阅读 · 0 评论 -
生命周期 钩子函数
created:实例创建完成,可访问data、computed、watch、methods上的方法和数据,未挂载到DOM,不能访问到el属性,el属性,ref属性内容为空数组常用于简单的ajax请求,页面的初始化。updated:虚拟 DOM 重新渲染和打补丁之后调用,组件DOM已经更新,可执行依赖于DOM的操作避免在这个钩子函数中操作数据,可能陷入死循环。beforeupdate:响应式数据更新时调用,发生在虚拟DOM打补丁之前,适合在更新之前访问现有的DOM,比如手动移除已添加的事件监听器。原创 2022-09-26 16:19:09 · 114 阅读 · 0 评论 -
Vue的声明写法
关于data的两种写法,各有好处,运用在不同场景。但是写组件的时候必须要用函数式,不然会报错(并且尽量少写箭头函数,这个时候this的值将指向的不会是Vue实例)声明Vue中可以用new Vue来创建一个Vue实例我们一般的写法如下。也可以改用对象的写法;这个方法更加推荐,方法比较灵活。...原创 2022-08-29 20:01:42 · 1117 阅读 · 0 评论 -
Vue 出现 vue is not defined at
首先先思考是不是在定义Vue的时候将大写写成了小写,如下图,这样可以选择将Vue的文件改为导入body中,不要导入head,即可以修改错误,但是要注意,当你是在body中定义时,有一部分的代码可能是运行不出来的。这边还是建议,将其改成大写,并且在head中进行文件导入。我自己两个都试了,发现将放在body中的如图三这样导入以后,我所接受到的数据是没办法渲染到页面的,有了也是乱码,不是很按照我的想法渲染。当出现vueisnotdefinedat时候,...原创 2022-07-21 16:30:25 · 2471 阅读 · 0 评论