Mochenghualei

摘要： 体验： 看下面的的例子："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. 阅读全文