10 2021 档案
摘要：一. TypeScript简介 1. JavaScript痛点 (1). 优秀的JavaScript没有缺点吗？ A. 比如ES5以及之前的使用的var关键字关于作用域的问题； B. 比如最初JavaScript设计的数组类型并不是连续的内存空间； C. 比如直到今天JavaScript也没有加入类
阅读全文
摘要：一. Module说明 1. 什么是Module？ 由于使用单一状态树，应用的所有状态会集中到一个比较大的对象，当应用变得非常复杂时，store 对象就有可能变得相当臃肿； 为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）； 每个模块拥有自己的 state、mutati
阅读全文
摘要：一. Vuex简介 1. 简介 (官网地址：https://next.vuex.vuejs.org/zh/index.html 在Vue2中使用的详见：https://www.cnblogs.com/yaopengfei/p/14571316.html 本节采用的版本号【4.0.2】) Vuex 是
阅读全文
摘要：一. router-link的v-slot （需要复习一下插槽的相关用法：https://www.cnblogs.com/yaopengfei/p/15338752.html） 二. router-view的v-slot 了解即可 三. 动态增删路由 1. 添加路由 (1). 添加1级路由 使用ad
阅读全文
摘要：一. 简介和基本用法 1. 简介 (官网地址：https://next.router.vuejs.org/zh/introduction.html) Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。功能包括： 嵌套路
阅读全文
摘要：一. render/h函数(了解) 详见：https://v3.cn.vuejs.org/guide/render-function.html#dom-树 二. jsx(了解) Vue3.x版本创建的项目使用jsx已经不需要配置babel了。 代码分享： <script> import HelloW
阅读全文
摘要：一. 生命周期钩子 1. 说明 setup 可以用来替代 data 、 methods 、 computed 、watch 等等这些选项，也可以替代 生命周期钩子。 注：因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的，所以不需要显式地定义它们。换句话说，在
阅读全文
摘要：一. toRefs/toRef 1. 背景 我们都知道reactive处理的对象是响应式的，但是使用ES6的解构语法对reactive对象进行处理，那么之后无论是修改解构后的变量name、age，还是修改reactive返回的原始对象info1，数据都不再是响应式的。 2. 使用 (1). toRe
阅读全文
摘要：一. Vue2.x的mixin和extends 1. mixin简介 (1). 目前我们是使用组件化的方式在开发整个Vue的应用程序，但是组件和组件之间有时候会存在相同的代码逻辑，我们希望对相同的代码逻辑进行抽取。 (2). 在Vue2和Vue3中都支持的一种方式就是使用Mixin来完成： A. M
阅读全文