vue面试题
文章平均质量分 50
炙@年
这个作者很懒,什么都没留下…
展开
-
axios 封装
一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护,直接推荐我们使用axios库。如果还对axios不了解的,可以移步axios文档。 安装 npm install axios; // 安装axios复制代码 引入 一般我会在项目原创 2021-05-04 19:27:56 · 698 阅读 · 0 评论 -
vuex的核心概念和运行机制
vuex 中的核心概念及原理 vuex 底层原理: vuex 推荐map的方式代替原生操作: VUE核心概念; state:提供一个响应式数据; Getter:借助Vue的计算属性computed来实现缓存; Mutation;更改state方法; Action:触发mutation 方法; Module:Vue.set 动态添加state 到响应式数据中; vuex 中核心原理:通过vue 实例,将state数据赋值给data(){...原创 2021-05-04 19:50:54 · 245 阅读 · 0 评论 -
vue 钩子函数运行顺序
在vue中,实例选项和钩子函数和{{}}表达式都是不需要手动调用就可以直接执行的。 在页面首次加载执行顺序有如下: beforeCreate //在实例初始化之后、创建之前执行 created //实例创建后执行 beforeMounted //在挂载开始之前调用 filters //挂载前加载过滤器 computed //计算属性 directives-bind //只调用一次,在指令第一次绑定到元素时调用 directives-inserted //被绑定元素插入父节点时调用 a.原创 2021-05-04 19:03:37 · 366 阅读 · 0 评论 -
vue nextTick
Vue.js中this.$nextTick()的使用 this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的,也就好比我们将打印输出的代码放在setTimeout(fn, 0)中 下面先看下例子 <templat转载 2021-05-04 18:56:31 · 75 阅读 · 0 评论 -
Vue修改数据页面不更新的问题解决
Vue修改数据页面不更新的问题解决 解决方法1:Vue.$set(官方推荐) Vue.set( target, propertyName/index, value ) 参数: target:要修改的对象或数组 propertyName/index:属性或下标 value:修改后的value值 官方对这个API的解释就是使用这个api修改的数据会为其添加响应式getter和setter让其拥有数据响应的特性 this.$set(th...原创 2021-04-29 20:44:14 · 1058 阅读 · 0 评论 -
v-for中的key值的作用
v-for中的key值的作用 1 .key是什么? 当我们在使用v-for时,需要给单元加上key <ul> <li v-for="item in items" :key="item.id">...</li> </ul> 用+new Date()生成的时间戳作为key,手动强制触发重新渲染 <Comp :key="+new Date()" /> 2.key值的作用? 当 Vue.js 用 v-fo...原创 2021-04-29 20:06:25 · 477 阅读 · 0 评论