一心想敲代码-CSDN博客

原创为什么数据变了但是视图并没有更新?

在vue中模型变视图变是因为vue中有数据劫持与发布者订阅者模式共同影响的但是数据劫持是通过Object.deineProperty()来进行劫持的但是Object.deineProperty() 只会监听初始化的时候data里面的数据如果初始化之后新添加的属性是不会被劫持到的所以模型变了数据劫持就劫持不上视图也就不更新解决方式使用$set来完成 this.$set(你要操作的数据,你要新增的key,你要新增的val) ...

2021-12-07 17:35:22 535

原创什么是拦截器

拦截器就是在数据请求过程中,拦截请求或响应的一种技术请求拦截就是在发送数据的进行一些操作响应拦截器就是在拦截的时候进行一些操作比如登录错误返回什么状态 500等

2021-12-07 17:27:47 1391

原创 query传参与params传参的区别

他们两者都是完成页面与页面事件参数传递的一个技术 url展示上 params方式只会在路径上显示要传递的数据（相对来说安全一些）但是query会把key也显示出来（不太安全）语法之上两者在传递参数的时候方式和方法有所不同 params方式发送需要三步 query只需要两步 params方式与query方式在接收的时候语法不同 parmas方式在传递参数的时候只能用name来进行传递但是query方式不但能用name还可以用path ...

2021-12-07 17:23:14 380

原创什么是mockjs

扩展----mockjs 完成模拟数据的 1.下载 npm install --save mockjs 2.新建mock文件夹就是用于存放模拟数据的文件夹 3.在mock文件夹中创建一个data文件夹用于存放模拟数据 4.在mock下新建一个文件用来存放mockjs模拟数据的代码 // 1.引用 let Xiaoming=require("mockjs") // 2.创建模拟数据的请求接口 // Xiaoming.mock("请求这个模拟数据的接口地址随便写","GET/POST",require

2021-12-07 17:22:00 214

原创什么是keep-alive

keep-alive 在路由或者动态组件来回切换显示的时候大家会发现组件中的数据状态会丢失原因每次切换的时候 vue都会重新创建一个新的当前组件实例 keep-alive:保存组件的状态可以使用keep-alive 来包裹需要保存状态的元素在切换的过程中状态就会被保存在内存中放置dom重新渲染减少切换的时候性能上的损耗就替换切换效率 keep-alive的属性 1.include 需要缓存那个内容 2.exclude 不缓存那个内容 <!-- <keep

2021-12-07 17:21:27 326

原创混入--mixins

mixins 的作用就是一种分发vue组件中的可以复用功能的一个技术（使用混入可以把vue组件中的需要复用的属性和方法进行封装方便其他组件进行使用）使用 1.在src下创建一个文件夹这个文件夹用来存放混入封装的复用内容 // 用来存放我们封装的组件复用内容 let myMixins={ // 原来vue中怎么写属性或者方法那么在这个对象中就怎么 methods:{ fun(){ alert("我被点了") } } }

2021-12-07 17:20:20 151

原创什么是Vue.nextTick

简单来说，Vue 在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。原理： 1.首先修改数据，这是同步任务。同一事件循环的所有的同步任务都在主线程上执行，形成一个执行栈，此时还未涉及DOM. 2.Vue开启一个异步队列，并缓冲在此事件循环中发生的所有数据变化。 3.同步任务执行完毕，开始执行异步队列的任务，更新DOM 为了在数据变化之后等待 Vue 完成更新 DOM 可以在数据变化之后立即使用Vue.nextTick(callback)。这样回调函数在 DOM

2021-12-02 14:45:10 585

weixin_59023662的博客