Vue
26篇文章 · 0订阅
  • 如何实现 Vue 动态表单生成器（原理 + 实战）
    在前端开发中，表单是非常常见的交互元素。本文将详细介绍实现动态表单生成器的原理，并通过实战演示如何使用 Vue 构建一个灵活的动态表单。
    前端
    如何实现 Vue 动态表单生成器（原理 + 实战）
  • Vue3 中的虚拟DOM、 h() 函数，渲染函数，渲染器知识点一网打尽！
    在平常开发阶段我们总是分不清虚拟 DOM、 h() 函数、渲染函数和渲染器的知识。笔者在翻阅相关文档之后，总结了下面这些知识点。 h() 函数用于创建虚拟 DOM，渲染函数的作用就是返回虚拟 DOM。
    前端 JavaScript Vue.js
    Vue3 中的虚拟DOM、 h() 函数，渲染函数，渲染器知识点一网打尽！
  • 总结了Vue3的七种组件通信方式，别再说不会组件通信了
    本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。
    Vue.js 前端
    总结了Vue3的七种组件通信方式，别再说不会组件通信了
  • （21）深入理解 Vue 组件——⑧ 动态组件与 v-once 指令 | Vue 基础理论实操
    💡先用之前学习的知识实现这个需求： ```html <body> <div id="ro......
    前端 JavaScript Vue.js
    （21）深入理解 Vue 组件——⑧ 动态组件与 v-once 指令 | Vue 基础理论实操
  • 揭秘Vue中组件通信 —— v-bind、emits、v-model、ref
    组件通信就是指组件之间的数据传递。由于组件的数据是独立的，无法直接访问其他组件的数据，所以想要使用其他组件数据必须通过组件通信。 如图，组件①与组件②之间的通信： 可以看到组件①②各司其职，通
    Vue.js JavaScript 面试
    揭秘Vue中组件通信 —— v-bind、emits、v-model、ref
  • Vue 自定义组件实现 v-model 的几种方式
    在 Vue 中，v-model 是一个常用的指令，用于实现表单元素和组件之间的双向绑定。当我们使用原生的表单元素时，直接使用 v-model 是很方便的，但是对于自定义组件来说，要实现类似的双向绑定
    前端 Vue.js
    Vue 自定义组件实现 v-model 的几种方式
  • 妙用computed拦截v-model，面试官都夸我细
    如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在我们封装组件使用v-mode
    前端 Vue.js
    妙用computed拦截v-model，面试官都夸我细
  • 给我5分钟，保证教会你在vue3中动态加载远程组件
    在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。
    前端 JavaScript Vue.js
    给我5分钟，保证教会你在vue3中动态加载远程组件
  • vue3的defineAsyncComponent是如何实现异步组件的呢？
    这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的。
    Vue.js 源码阅读 源码
    vue3的defineAsyncComponent是如何实现异步组件的呢？
  • 卧槽，牛逼！vue3的组件竟然还能“暂停”渲染！
    有没有一种完美的方案，从服务端获取数据的逻辑放在子组件中，并且在获取数据的期间让子组件“暂停”一下，先不去渲染，等到数据请求完成后再第一次去渲染子组件呢？
    前端 Vue.js JavaScript
    卧槽，牛逼！vue3的组件竟然还能“暂停”渲染！