10 2022 档案
摘要：vuex数据状态是响应式的，所以状态变视图跟着变，但是有时还是需要知道数据状态变了从而做一些事情，既然状态都是响应式的，那自然可以使用watch，另外vuex也提供了订阅的API:store.subscribe() 思路 总述知道的方法； 分别阐述用法； 选择和场景； 回答范例 我知道几种方法： 可
阅读全文
摘要：分析 企业级项目中渲染大量数据的情况比较常见，因此这是一道非常好的综合实践题目；既然说思路，就可以分不同情况说说解决方法； 思路 1.描述大数据量带来的问题 2.分不同情况做不同处理 3.总结一下 回答 1.在大型企业级项目中经常需要渲染大量数据，此时很容易出现卡顿的情况。比如大数据的表格、树等；
阅读全文
摘要：体验： 看下面的的例子："action"类似于"mutation"，不同在于： action提交的是mutation，而不具备直接修改状态的能力； action可以包含任意异步操作； import { createStore } from 'vuex' export default createSt
阅读全文
摘要：思路分析 这个题目很有难度，首先思考vuex解决的问题：存储用户全局状态并提供管理状态的API； vuex需求分析； 如何实现这些需求； 回答范例 1.官方说vuex是一个状态管理模式和库，并确保这些状态以可预期的方式变更。可见要实现一个vuex： 要实现一个store存储全局状态 要提供修改状态所
阅读全文
摘要：分析 这是一个综合应用题目，在项目中我们常常需要将App的异常上报，此时错误处理就很重要了；这里要区分错误的类型，进而针对性做收集。然后将收集到的错误信息上报服务器； 思路 1.首先区分错误类型； 2.如何根据错误的不同类型做相应处理； 3.收集的错误如何上报给服务器； 范例 1.应用中的错误类型通
阅读全文
摘要：体验 在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件； import { defineAsyncComponent } from 'vue'; const AsyncComp = defineAsyncComponent(() => { // 加载函数返回Promi
阅读全文
摘要：分析 递归组件我们用的比较少，但是在Tree、Menu这类组件中会被用到； 体验 组件通过组件名称引用它自己，这种情况就是递归组件 <template> <li> <div>{{model.name}}</div> <ul v-show="isOpen" v-if="isFolder"> <!--注
阅读全文
摘要：分析 v-once是Vue中内置指令，很有用的API，在优化方面经常会用到，不过小伙伴们平时可能容易忽略它； 体验 仅渲染元素和组件一次，并且跳过未来更新，直接从缓存中获取保存的状态： <!-- single element --> <span v-once>This will never chan
阅读全文
摘要：分析 API考察，但$attrs和$listeners是比较少用的边界知识，而且vue3有变化，$listeners已经移除，还是有细节可说的； 思路 1.这两个api的作用； 2.使用场景分析； 3.使用方式和细节； 4.vue3变化； 范例 1.我们可能会有一些属性和事件没有在props中定义，
阅读全文
摘要：分析：这是一道API题，我们可能写的自定义指令少，但是我们用的多呀，多举几个例子就行； 使用： // Vue2 directives: { focus: { inserted(el, binding, vnode) { el.focus() } } } // Vue2全局注册 Vue.directi
阅读全文
摘要：思路 vue-loader是什么东西； vue-loader的作用； vue-loader何时生效； vue-loader如何工作； 回答范例 1.vue-loader是用于处理单文件组件（SFC，Single-File Component）的webpack loader； 2.因为有了vue-lo
阅读全文
摘要：我们现在编写的Vue、React和Angular应用大多数情况下都会在一个页面中，点击链接跳转页面通常是内容切换而非页面跳转，由于良好的用户体验逐渐成为主流的开发模式。但同时也会有首屏加载时间长，SEO不友好的问题，因此有了SSR，这也是为什么面试中会问到两者的区别； 思路分析 1.两者概念； 2.
阅读全文
摘要：思路 1.给出两者定义； 2.给出场景上的不同； 3.给出使用方式和细节； 4.原理阐述； 范例 watchEffect立即运行一个函数，然后被动地追踪它的依赖，当这些依赖改变时重新执行该函数；watch是 侦测一个或多个响应式数据源并在数据源变化时调用一个回调函数； watchEffect(eff
阅读全文
摘要：回答思路 1.两者概念； 2.两者使用场景； 3.两者异同； 4.使用细节； 5.原理； 回答范例 1.ref 接收内部值（inner value）返回响应式Ref对象，reactive返回响应式代理对象； 2.从定义上看ref通常用于处理单值的响应式，reactive用于处理对象类型的数据响应式；
阅读全文
