bbxiaxia1998

摘要： 上周五跟着一个师姐面试一个三年工作经验的前端开发，我在一边谨慎的观摩。想着曾经我也被别人面试过，如今面试别人，感觉其实心情是一样的。 前言 工作三年的Vue使用者应该懂什么？ 为何工作几年的基础越来越弱？ 工作如何挤出时间学习？ 一道面试题 其实我们并不是要你把答案都记下来，而是把其中的思想学习到。 阅读全文

摘要： 什么是 keep-alive 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。 也就是说，keepalive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 。也就是所谓的组件缓存 < 阅读全文

摘要： router-link和router-view是如何起作用的 分析 vue-router中两个重要组件router-link和router-view，分别起到导航作用和内容渲染作用，但是回答如何生效还真有一定难度 回答范例 vue-router中两个重要组件router-link和router-vi 阅读全文

摘要： 一、Vue3 与 Vue2 区别详述 1. 生命周期 对于生命周期来说，整体上变化不大，只是大部分生命周期钩子名称上 + “on”，功能上是类似的。不过有一点需要注意，Vue3 在组合式API（Composition API，下面展开）中使用生命周期钩子时需要先引入，而 Vue2 在选项API（Op 阅读全文

摘要： Vue 视图更新原理 Vue 的视图更新原理主要涉及的是响应式相关API Object.defineProperty 的使用，它的作用是为对象的某个属性对外提供 get、set 方法，从而实现外部对该属性的读和写操作时能够被内部监听，实现后续的同步视图更新功能 一、实现响应式的核心API：Objec 阅读全文

摘要： Vue.set的实现原理 给对应和数组本身都增加了dep属性 当给对象新增不存在的属性则触发对象依赖的watcher去更新 当修改数组索引时，我们调用数组本身的splice去更新数组（数组的响应式原理就是重新了splice等方法，调用splice就会触发视图更新） 基本使用 以下方法调用会改变原始数 阅读全文

摘要： 引言 在这里我先提出两个问题（文章末尾会进行解答）： 在Vue的数据响应系统中，Dep和Watcher各自分担什么任务？ Vue的数据响应系统的核心是Object.defineproperty一定是最好的吗？有什么弊端和漏洞吗？ 一、什么是响应系统中的Watcher，它的作用是什么？ 响应系统中的W 阅读全文

摘要： 最近面试总是会被问到这么一个问题：在使用vue的时候，将for循环中声明的变量i从1增加到100，然后将i展示到页面上，页面上的i是从1跳到100，还是会怎样？答案当然是只会显示100，并不会有跳转的过程。 怎么可以让页面上有从1到100显示的过程呢，就是用setTimeout或者Promise.t 阅读全文

摘要： 组件通信 组件通信的方式如下： （1） props / $emit 父组件通过props向子组件传递数据，子组件通过$emit和父组件通信 1. 父组件向子组件传值 props只能是父组件向子组件进行传值，props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件不断更新。 prop 阅读全文

摘要： 组件化是 Vue, React 等这些框架的一个核心思想，通过把页面拆成一个个高内聚、低耦合的组件，可以极大程度提高我们的代码复用度，同时也使得项目更加易于维护。所以，本文就来分析下组件的渲染流程。我们通过下面这个例子来进行分析： <div id="demo"> <comp></comp> </di 阅读全文