- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue父传子子传父
父传子父组件通过props向子组件传递数据。子组件在props中接收这些数据。子传父子组件通过$emit方法触发一个自定义事件，并传递数据。父组件监听这个自定义事件，并在事件处理函数中接收数据。这种父子组件之间的数据传递方式是 Vue.js 的基础，有助于构建复杂且可维护的组件结构。
2024-11-12 19:06:55
761
原创 Vue双向数据绑定的原理
综上所述，Vue的双向数据绑定是通过数据劫持来监听数据变化，通过发布-订阅模式来通知视图更新，以及通过虚拟DOM来提高更新性能的一种机制。另外，值得注意的是，虽然Vue的双向数据绑定带来了很多便利，但在某些情况下也可能引发性能问题、调试困难和代码维护复杂等挑战。- 当数据发生变化时，Vue会生成一个新的虚拟DOM树，并与旧的虚拟DOM树进行对比（diff算法），找出差异并最小化地更新实际DOM。数据变化的发布者是数据的setter方法，而订阅者是与数据绑定的视图组件。
2024-11-10 19:12:11
326
原创 vue的原理
**DOM 更新**：当数据发生变化时，Vue 会生成一个新的虚拟 DOM 树，并将其与旧的虚拟 DOM 树进行比较（diff），找出需要更新的部分，然后只对实际 DOM 进行最小化的更新。- **事件修饰符**：Vue 提供了一些事件修饰符，如 `.stop`、`.prevent` 等，简化事件处理。- **单文件组件**：Vue 支持使用 `.vue` 文件来定义组件，这种文件包含模板、脚本和样式，非常方便。- **组件化**：每个组件都是一个独立的 Vue 实例，有自己的数据、模板和方法。
2024-11-09 10:46:57
330
原创 vue3如何实现大文件上传
核心思想是将文件分片，逐个上传，服务端接收并合并这些文件块。对于大文件上传，通常使用分片上传技术（也称为“文件分块上传”）。分片上传将大文件分割成多个小文件块，然后逐个上传这些块。你可以使用 `XMLHttpRequest` 或 `fetch` API 来上传文件块。首先，你需要使用一个 `input` 元素来允许用户选择文件。你可以使用 `@change` 事件来监听文件的选择。### 3. 使用 `XMLHttpRequest` 或 `fetch` API 上传文件块。// 进一步处理文件上传。
2024-11-08 20:13:59
1059
原创 Vue2和vue3的区别
**生命周期钩子的变化**: Vue 3 中的生命周期钩子名称有所改变，例如 `beforeCreate` 和 `created` 被 `setup` 取代。这带来了更好的性能和更多的功能，例如可以监控数组的动态变化。- **Vue 2 更广泛的社区支持**: 由于 Vue 2 发布较早，社区中有大量的插件和工具支持，而 Vue 3 的生态系统正在逐步完善。- **Vue 3 的升级工具**: Vue 官方提供了升级工具 `vue-next`，可以帮助开发者从 Vue 2 迁移到 Vue 3。
2024-11-07 18:30:54
415
原创 Vue全家桶
Vue.js 拥有丰富的生态系统，包括官方工具和社区插件。Vue全家桶是指在开发Vue.js应用程序时，通常会使用的一组工具和库的集合，这些工具和库协同工作，帮助开发者构建高效、可维护的前端应用。- Vue.js 的应用可以很容易地进行单元测试和端到端测试，官方提供了 Vue Test Utils 和 Vue CLI 内置的测试工具，帮助确保代码质量。- Vue.js 采用了高效的响应式系统，能够自动跟踪数据的变化，并在数据更新时重新渲染相应的视图部分，减少了手动操作DOM的需要，简化了开发流程。
2024-11-04 14:06:28
869
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人