Vue 的 nextTick 其本质是对 JavaScript 执行原理 EventLoop 的一种应用。我们可以理解成，Vue在更新DOM时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新nextTick 的核心是利用了如 Promise 、MutationObserver、setImmediate、setTimeout的原生 Ja

1.修改原数组的API1.1.pop（）：弹出数组中最后一个元素，并返回这个元素let arr = [1,2,3,4,5,6]let result = arr.pop()console.log(arr) // [1, 2, 3, 4, 5]console.log(result) // 61.2.push（）：添加一个或多个元素到数组末尾，并返回新的长度let arr = [1,2,3,4,5,6]

1.什么是Vuex？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。2.什么情况下应该使用 Vuex？如果不是大型单页应用，使用 Vuex 可能是繁琐冗余的。如果您的应用够简单，最好不要使用 Vuex。一个简单的store 模式就足够您所需了。但是，如果需要构建一个中大型单页应用，就

nginx 查看日志13：权限被拒绝 失败 解决办法failed (13: Permission denied)

1.理由配置路由的配置path时；在需要守卫的path加上meta属性；{path: '/home',component: home,meta:{requireAuth:true}}在路由配置文件中加上//路由配置文件import Vue from 'vue';import VueRouter from 'vue-router';import routes from './routes';//使用

1.什么是防抖节流函数防抖（debounce） 是指在一定时间内，在动作被连续频繁触发的情况下，动作只会被执行一次，也就是说当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间，所以短时间内的连续动作永远只会触发一次。函数节流 是指一定时间内执行的操作只执行一次，也就是说即预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期，一个

keep-alive是 Vue 提供的一个内置组件，用来对组件进行缓存——在组件切换过程中将状态保留在内存中，防止重复渲染DOM。如果为一个组件包裹了 keep-alive，那么它会多出两个生命周期：deactivated、activated。同时，beforeDestroy 和 destroyed 就不会再被触发了，因为组件不会被真正销毁。当组件被换掉时，会被缓存到内存中、触发 deactiva

获取元素离页面顶部的距离补充document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度网页可见区域宽： docum

>> 可在任意组件中使用;1.在data中定义一个变量，用于记录屏幕尺寸；data(){return{screenWidth: null,}}且做好定义为 null2.使用window.onresize方法获取屏幕尺寸；mounted() {this.screenWidth = document.body.clientWidthwindow.onresize = () => {.

Vue 的 nextTick 其本质是对 JavaScript 执行原理 EventLoop 的一种应用。我们可以理解成，Vue在更新DOM时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新nextTick 的核心是利用了如 Promise 、MutationObserver、setImmediate、setTimeout的原生 Ja