执念坚持

浏览器的垃圾回收机制 js代码运行的时候，浏览器需要分配内存空间来存储变量和值的。当变量不参与运行时，就需要回收被占用的内存空间，这就是垃圾回收 回收机制 js具有自动垃圾...

常见的DOM操作有哪些 （1）DOM节点获取 DOM 节点的获取的API及使用： （2）创建DOM节点 新创建一个节点，并把它添加到指定节点的后面 现在要将一个有内容的sp...

ajax、axios、fetch的区别 （1）AJAX Ajax 即“AsynchronousJavascriptAndXML”（异步 JavaScript 和 XML），...

Vuex 和 localStorage 的区别 （1）区别 vuex存储在内存中 localstorage则以文件的方法存储在本地，只能存储字符串类型的数据，存储对象需要 ...

Vuex 核心概念之 Module 由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。 为了解决以上问...

核心概念之 Action && mapActions Action 类似于 mutation，不同在于： Action 提交的是 mutation，而不是直接变更状态。 A...

Vuex 核心概念之 Mutation && mapMutations 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 muta...

Vuex 核心概念之 Getter 有时候我们需要从 store 中的 state 中派生出一些状态，例如对列表进行过滤并计数： 如果有多个组件需要用到此属性，我们要么复制...

Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方...

Vue-router导航守卫 有的时候，需要通过路由来进行一些操作，比如最常见的登录权限验证，当用户满足条件时，才让其进入导航，否则就取消跳转，并跳到登录页面让其登录。 为...

$route 和 $router 的区别 $route是路由信息对象，包括path,params,hash,query,fullPath,matched,name等路由信息...

Vue-Router的懒加载如何实现 首先我们先看看不使用懒加载是如何写的： 我们为什么需要使用懒加载呢？ 当打包构建应用时，JavaScript 包会变得非常大，影响页面...

父子通信的另一种方法(ref/$refs) 首先ref这个属性如果写在子组件标签上，就可以访问子组件的数据和方法了...

组件通信之祖孙组件通信 （provide / inject） provide/inject这对选项需要一起使用，允许一个祖先向所有子孙后代注入一个依赖，无论组件层次有多深，...

组件通信之事件总线 (eventBus) eventBus事件总线用的较多的是兄弟组件之间通信，当然 父子组件之间也适用，如何使用呢？ （1）需要创建一个事件中心 （2）兄...

组件通信之子父通信 父组件需要通过v-on自定义一个事件，子组件需要通过$emit去触发这个自定义事件，同时也可以把数据发射给父组件...

父子组件通信 父组件通过props向子组件传递数据 props只能是父组件向子组件进行传值，父组件数组更新，子组件也会随之更新 props可以传递一个或一个以上的数据，对于...

Vue 父子组件的执行顺序 加载渲染过程 父组件beforeCreate -> 父组件created -> 父组件beforeMount -> 子组件beforeCreat...

Vue2.x的生命周期 Vue一旦创建好实例就会拥有完整的生命周期 beforeCreate（创建前）：所有的东西都没有开始，此时data的响应式追踪、event/watc...

vue初始化出现的闪动问题 在使用Vue开发的时候，其实在vue初始化之前，div还没有托管给vue，所以在网络比较慢或者页面较卡的情况下，容易看到 {{msg}}这种页面...