2023面试理解

1.main.js导入使用store vuex的使用方法，actions是异步 vuex/index.js 组件使用

loader执行顺序从右到左，从下到上 1.同步loader 同步loader不能执行异步loader 2.异步loader 先执行异步的test2再执行test1 一、webpack-dev-ser

数据响应式的本质就是数据变化时自动运行一些函数，遍历一个对象进行Object.defineProperty进行get和set依赖收集， 依赖收集是保存一个数组，在set的是遍历数组进行函数执行，new

一、当浏览器的网络线程拿到html文档，会产生一个渲染任务，并将其传递给渲染主线程的消息队列 在事件循环机制下，渲染主线程取出消息队列中的渲染任务，开启渲染流程 1.解析html，完成dom树和css

``` var obj = { a: 1, b: 2, c: 3, } // obj转map const res = new Map(Object.entries(obj)) // Map转obj c

异步： (微任务)promise、.then.catch.finally、nodejs、nextTick （宏任务）setTimeout、setInterval、AJAX 宏任务 - 微任务 ：事件循

局部变量无法共享和长久保存，全局变量可能会造成全局污染，希望有一种机制可以长久保存变量，又不会造成全

``` // 作用域 var a =10 function f(){ console.log('a', a)//作用域的a，var变量提升，undefined a=100 console.log('t

this的指向问题，没有调用者，默认指向全局window，严格模式下是undefined 谁调用就指向

概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式， 采用集中式存储管理应用的所有组件的状态，解决多组件数据通信。 状态修改 组件中commit->mutation->修改状态 组件

一、全局钩子（2个） 每次跳转路由时都会执行这个钩子函数，由router调用 1、beforeEach(to,from,next) 页面加载之前执行，有三个参数 to：到哪个路由去，from：从哪个路

数据层级不宜过深，合理设置响应式数据 通过Object.freeze()方法冻结不需要响应式的数据 使用数据时缓存值的结果，不频繁取值 v-for合理设置key，尽量不使用index v-show和v

概念 Vue除了提供了默认内置的指令外，还允许开发人员根据实际情况自定义指令，它的作用价值在于，在某些场景下需要对普通DOM元素进行操作的逻辑进行复用。 生命周期 一个指令定义对象可以提供如下几个钩子

概念 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 vue的数据是同步的，视图更新是异步的，如果数据有变化一百次视图跟着更新一百次，性能消耗比较

异步组件的特点： Vue 只有在这个组件需要被渲染的时候才会从服务器端请求组件的相关js，且会把结果缓存起来供未来重渲染。 异步组件的好处： 提高性能。在大型应用中，我们可以将应用分割成小一些的代码块

v-model本质上是一个语法糖,在大部分情况下，** v-model="foo" 等价于 :value="foo" 加上 @input="foo = $event"；** 原生的input的@inp

概念 mixin可以用来扩展组件，将公共逻辑进行抽离，在需要该逻辑的组件进行混入，采用策略模式****针对不同的属性进行合并，如果混入的数据和本身组件的数据冲突，采用“就近原则”，以组件的数据为准 混

概念 v-once是vue中的内置指令，只渲染元素和组件一次，随后的重新渲染，元素/组件及其所有的子节点都视为静态内容（其实就是缓存数据）跳过更新，这可以用于优化性能 使用场景 单个元素 有子元素 组

函数式组件优势 无状态、无生命周期、无this，但是性能高，正常的组件是继承vue的一个类，函数式组件就是一个普通函数，没有new的过程，在vue3所有的组件都没有new，所以性能上没有优势。 过滤器

Vue.extends(options) 使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象 data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数 这