vue2
缚塵
一个编程的初学者
展开
-
多环境变量的概念及使用
关于多环境变量的配置及使用原创 2022-04-28 13:07:48 · 115 阅读 · 0 评论 -
组件通讯的八种方式及使用方法
.组件传值的八种方式原创 2022-04-28 12:55:28 · 1052 阅读 · 0 评论 -
简述Vue.use,mixin混入 及 Vue.extend的理解
1. Vue.use 是⼲什么的?vue.use 是用来安装 Vue.js 插件。这个插件可以是一个组件也可以是一个函数,插件里要有一个 install 方法,install 方法调用时,他的第一个参数就是 Vue 在调用 vue.use 方法的时候就会执行 Vue.install 方法该方法需要在调用 new Vue() 之前被调用。2.mixin 混入混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组原创 2022-04-26 16:58:25 · 468 阅读 · 0 评论 -
axios的简单封装及使用以及什么是拦截器
axios的封装及使用:1. 先创建 utils 文件夹2. 创建 request.js3. 引入 axios4. 配置 基本路径和超时时间5. 配置请求拦截和响应拦截6. 在请求拦截里可以放 loading 和 token7. 在响应拦截中 可以 清除 loading 还有处理错误编码字典8. 最后把我们封装的 axios 实例 导出什么是axios拦截器?拦截器分为几种?1、拦截器顾名思义就是对请求的拦截2、拦截器有两种 一个是请求拦截一个是响应拦截拦截器..原创 2022-04-26 11:45:05 · 154 阅读 · 0 评论 -
简述对于跨域的理解
跨域是浏览器的跨域 不符合 域名 协议 端口号一样(同源策略) 的请求都会出现跨域的问题跨域的解决方法最多的情况是后端处理跨域前端的跨域服务器代理jsonpvue 中是 proxy 代理实现跨域vue 的跨域用 proxy 实现...原创 2022-04-26 11:38:33 · 952 阅读 · 0 评论 -
什么是vue中的插槽?
首先插槽有三种:分别是 匿名插槽、具名插槽、作用域插槽所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽.⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定name 属性,⽽在对应标签上添加# 属性指定名字.在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽...原创 2022-04-26 11:36:30 · 1252 阅读 · 0 评论 -
对于filter的理解和使用
所谓的 vue 过滤器就是将数据进⾏⼆次处理,得到我们想要的结果数据vue 的过滤器分为两种,第⼀种是全局过滤器,通过 vue.filter 来进⾏定义,第⼆种是局部过滤器,需要定义在组件内部,用 filters 过滤项⽬中我们通过过滤器将后台返回的状态 0 和 1 转化为⽀付或者未⽀付 还有对时间格式进行过滤vue3 中没有过滤器了...原创 2022-04-26 11:33:44 · 696 阅读 · 0 评论 -
简述对$nextTick⽅法的理解
⾸先呢,$nextTick也叫做异步更新队列方法其次$nextTick是在 dom 更新之后执行的延迟回调因为 vue 的 dom 更新是异步的 所以 当 dom 还未更新的时候我们无法拿到最新的 dom 来用放在 nextTick 里的代码 就会在 dom 更新之后执行 就能拿到最新的 dom 来用了...原创 2022-04-24 11:40:54 · 257 阅读 · 0 评论 -
浅谈对vue组件通讯的理解
1、组件的通讯方式有很多种 而我们常用的有四种,分别是:父传子、子传父、兄弟组件通讯、vuex1.1、父传子⽗传⼦ 在⼦组件的标签上定义属性 ⼦组件通过props来进⾏接受,可以通过数组的⽅式进⾏接受,也可以通过对象的⽅式来进 ⾏接收,如果⽗组件没有传递属性,⼦组件可以default来设置默认值1.2、子传父首先在使用子组件的标签上定义一个自定义事件 在子组件里通过 this.$emit 去调用这个自定义事件 $emit 方法的第一个参数是自定义事件的名字 第二个参数是就是子.原创 2022-04-24 11:36:07 · 315 阅读 · 0 评论 -
v-if与v-show的区别?
一、相同点 都是控制元素的隐藏与显示二、不同点 v-if:v-if是销毁和创建dom元素节点,在频繁的显示与隐藏时会造成性能上的浪费,所以频繁的显示与隐藏时不推荐使用v-if;值得注意的是 v-if和v-for不建议在一起使用,因为v-for的优先级比v-if要高,就意味着每次循环都要去判断,会造成大量性能资源浪费,非要使用时 可以在for循环内部添加template包裹元素 在template上进行判断;其次它还可以和v-else、v-else-if一起配合使用,但要求结构不能...原创 2022-04-24 11:14:54 · 294 阅读 · 0 评论 -
methods computed watch 的使用方法
1.1 methods 就是方法 我们写的点击事件等各种事件都放在 methods 里1.2 计算属性 computed 计算属性 有缓存功能就是当跟他有关的值发生变化的时候才会重新计算 还有一个特点就是必须要有 return 值 return 就是把计算的结果 return 出去1.3 watch watch 可以监听 数据和路由的变化watch 监听路由的变化监听路由的话就是监听 $router```js watch: { $route: { ...原创 2022-04-22 19:10:06 · 315 阅读 · 0 评论 -
vue2的项目开发的过程中 在生命周期里都做了哪些事情呢?
一般在开发的过程中遇到的最多的就是在生命周期钩子函数内发送http请求一般时在created或者muthods中,在updated内使用监听事件去监听data内数据的变化。请求时我们习惯性的在created里面去请求,这是因为此时的实例刚刚被创建完毕可以访问data等数据和方法且请求时会有一个请求延迟;在methods中请求的好处时可以直接操作dom节点。注:一般获取本地存储的数据也是在created中去获取的...原创 2022-04-22 11:58:55 · 474 阅读 · 0 评论 -
vue2.0 生命周期总结
一、vue的生命周期有哪些? 首先vue生命周期分为三类:1.1 第一类是实列创建阶段: beforeCreate:实例创建之前(创建之前什么都还没有 所以无法访问页面内的数据和方法,这时候还没有this) created: 实列创建之后 ( 创建之后 是最早可以使用和访问data声明数据以及methods里的方法 也是this最早出现的时候)...原创 2022-04-22 11:46:32 · 2009 阅读 · 0 评论