随笔分类 - vue3
摘要：自己写树形组件时报的这个问题。 问题非常奇怪，找不到哪里有访问content这个属性。 解决办法也非常奇怪，我只要将 <script> export default { name: 'TreeNode' } </script> 改为 <script lang="ts"> export default
阅读全文
摘要：vue3中使用ref来创建响应式数据，让习惯了选项式API的我很不习惯。因为得使用xxx.value来读写响应式数据，没有vue2中直接使用this.xxx来读写简洁。 vue3这样设计的原因是原生JavaScript无法拦截对局部变量的读写，只能拦截对对象属性的读写。 // 局部变量a的读写，没法
阅读全文
摘要：v-if和v-for的优先级 在vue2中：当v-if和v-for同时使用时，v-for的优先级高于v-if（因此我们通常需要计算属性先对数据进行加工处理，以达到性能优化的目的） 在vue3中：当v-if和v-for同时使用时，v-if的优先级高于v-for .sync修饰符 vue2中：由于vue
阅读全文
摘要：第一次试用vue3的组合式API，十分不适应。于是想知道组合式API的优点是什么，为什么vue3中要单独拎出来重点说明。下面就来探讨一下。 代码的组织 不管是选项式API还是组合式API，他们都是一种代码组织方式。那么这两种组织方式孰优孰劣呢？ 官网的说法是：把在vue2中分散在各选项中的数据上相关
阅读全文
摘要：为什么会丢失响应性 失去响应性的情况出现在解构时。 vue2中使用Object.defineProperty()实现响应式，其原理是拦截了对象中属性的get/set，即使该属性被解构出来，仍然保留了get/set，因此不会丢失响应性。 而vue3中使用Proxy实现响应式，其原理是拦截了proxy对
阅读全文
摘要：按照官网的步骤先使用create-vue创建vue3项目，再执行npm run dev启动项目，发现报错： PS D:\my-project> npm run dev > my-project@0.0.0 dev D:\my-project > vite file:///D:/my-project/
阅读全文
