方达达

摘要： vue 里面的v-model原理是什么？ 基于 Vue 的数据响应式系统、编译阶段以及数据绑定和事件监听机制。通过将这些机制相结合，v-model 使得表单元素的值和 Vue 实例中的数据能够保持同步，从而简化了前端开发中的数据绑定工作。 原理分解成2个步骤： 数据到视图：Vue 通过数据绑定将 V 阅读全文

摘要： computed 和 watch区别 computed 支持缓存，是计算属性，只有依赖数据发生改变，才会重新进行计算，watch 是监听一个数据，一旦发生变化就直接回调 computed 不支持异步，watch 支持异步 computed 必有return，watch 可有可无 你好吗 全世界 阅读全文

摘要： 怎么在vue 单文件组件中开启严格模式呢？ 要在单文件组件中使用 TypeScript，需要在 <script> 标签上加上 lang="ts" 的 attribute。当 lang="ts" 存在时，所有的模板内表达式都将享受到更严格的类型检查 <script lang="ts"> import 阅读全文

摘要： 他给你的爱会消逝，他给你的TIFFANY却不会贬值。 redis 除了基本的五种数据类型，还有其他的几种类型 1、hyperLogLog 基数统计 2、geospatial 地理位置 3、Bitmaps 位图 阅读全文

摘要： Vue测试类型分类： 单元测试：检查给定函数、类或组合式函数的输入是否产生预期的输出或副作用 组件测试：检查你的组件是否正常挂载和渲染、是否可以与之互动，以及表现是否符合预期。这些测试比单元测试导入了更多的代码，更复杂，需要更多时间来执行。 端对端测试：检查跨越多个页面的功能，并对生产构建的 Vue 阅读全文

摘要： 在vue组件使用中，要想使用开发的组件，则必须先进行注册， vue组件注册有2种方式，全局注册和局部注册 什么是全局注册？ 可以使用 Vue 应用实例的 .component() 方法，让组件在当前 Vue 应用中全局可用。 import { createApp } from 'vue' const 阅读全文

摘要： 事件处理器 (handler) 的值可以是： 内联事件处理器：事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)。 方法事件处理器：一个指向组件上定义的方法的属性名或是路径。 内联事件： // jsconst count = ref(0) // html <button 阅读全文

摘要： 数组变化监听 push() pop() shift() unshift() splice() sort() reverse() 不可变得方法：这些都不会更改原数组，而总是返回一个新数组 filter() concat() slice() 时间是什么 阅读全文

摘要： 在vue里面 有时候会经常混用一些指令 v-if 和 v-for 它们同时存在于一个节点上时，v-if 比 v-for 的优先级更高。这意味着 v-if 的条件将无法访问到 v-for 作用域内定义的变量别名 <!-- 这会抛出一个错误，因为属性 todo 此时 没有在该实例上定义 --> <li 阅读全文

摘要： v-if 和 v-show的比较 v-if 是“真实的”按条件渲染，因为它确保了在切换时，条件区块内的事件监听器和子组件都会被销毁与重建。 v-if 也是惰性的：如果在初次渲染时条件值为 false，则不会做任何事。条件区块只有当条件首次变为 true 时才被渲染。 相比之下，v-show 简单许多 阅读全文