11 2022 档案
摘要：分析 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，分别起到路由导航和组件
阅读全文
