摘要：
分析 composition API是vue3最重要更新之一； 它具有一系列优点，针对Options APl暴露的一些问题量身打造； 是vue3推荐的写法，掌握它对掌握好Vue3至关重要； 灵感源于react hooks， 又青出于蓝； 体验 options api： <template> 阅读全文
摘要：
体验 使用模块：用起来比较繁琐，使用模式也不统一，基本上得不到类型系统的任何支持： const store=createStore({ modules:{ a:moduleA } }) store.state.a //-→要带上moduleA的key，内嵌模块的话会很长，不得不配合mapState使 阅读全文
摘要：
分析 这是一道应用题目，很容易想到使用1ocalStorage或数据库存储还原状态；但是如何优雅编写代码还是能体现认知水平； 体验 // 可以从`localStorage`中获取作为状态初始值： state() { return { count: localStorage.getItem("coun 阅读全文
摘要：
分析 应用的有些界面是由多层级组件组合而来的，这种情况下，url各部分通常对应某个嵌套的组件，这时就可以通过vue-router的嵌套路由配置来表达这种关系 思路 概念和使用场景； 使用方式； 实现原理； 回答范例 平时开发中，应用的有些界面是由多层级组件组合而来的，这种情况下，url各部分通常对应 阅读全文
摘要：
分析 vue-router有3个模式，其中两个更为常用，那便是history和hash；两者差别主要在显示形式和部署上； 体验 vue-router4.x中设置模式的 方式已经改变 const router=createRouter({ history: createWebHashHistory() 阅读全文
摘要：
分析 Vue3中最重大的更新之一就是响应式模块reactivity的重写。主要就是用Proxy替换`defineProperty 实现响应式；此变化主要是从性能方面考量； 思路 属性拦截的几种方式； defineProperty的问题； Proxy的优点； 其他考量 回答范例 js中做属性拦截常见的 阅读全文
摘要：
分析 vue3在设计时有几个目标：更小、更快、更友好，这些改进多数和性能相关，因此可以围绕介绍； 思路 总述和性能相关的新特性； 逐个说细节； 能说点原理更佳； 回答范例 我会分别从代码、编译和打包三个方面介绍vue3性能方面的提升 代码层面性能优化主要体现在全新的响应式API，基于Proxy的实现 阅读全文
摘要：
分析 vue-router中两个重要组件router-link和router-view，是实现SPA的关键； 思路 1.总述两者作用； 2.阐述整体流程； 3.分析两个组件实现方式； 回答范例 vue-router中有两个重要组件router-link和router-view，分别起到路由导航和组件 阅读全文
摘要：
vuex数据状态是响应式的，所以状态变视图跟着变，但是有时还是需要知道数据状态变了从而做一些事情，既然状态都是响应式的，那自然可以使用watch，另外vuex也提供了订阅的API:store.subscribe() 思路 总述知道的方法； 分别阐述用法； 选择和场景； 回答范例 我知道几种方法： 可 阅读全文
摘要：
分析 企业级项目中渲染大量数据的情况比较常见，因此这是一道非常好的综合实践题目；既然说思路，就可以分不同情况说说解决方法； 思路 1.描述大数据量带来的问题 2.分不同情况做不同处理 3.总结一下 回答 1.在大型企业级项目中经常需要渲染大量数据，此时很容易出现卡顿的情况。比如大数据的表格、树等； 阅读全文