vue中的nextTick(Vue的异步更新机制)
2024-08-15本文讲解了VUE的异步更新机制,nextTick的作用与实现原理,并展示了nextTick在vue2与vue3中的使用方式_vue nexttick
使用vue3展示在Vue Router中实现嵌套路由
2024-08-15在今天的这篇博客中,我们将深入探讨如何在vue3中使用Vue Router实现嵌套路由。嵌套路由是构建复杂单页应用(Single Page Application, SPA)的核心,你可以使用这一特性来组织应用的不同视图层次结构。无论你是面试准备,还是在工作中需要这个技能,这篇文章都会帮助你掌握这些知识。_vue3 嵌套路由
使用 Vite TypeScript 打造一个 vue3 组件库
2024-08-15使用 Vite TypeScript 打造一个 vue3 组件库_vue3 typescript vite 组件库
使用typescript封装axios
2024-08-15本文介绍了在vue3和Vite3项目中如何封装和使用axios,包括安装axios、创建axios实例、设置请求和响应拦截器、封装post、get等方法,并展示了具体的代码实现。此外,还提到了在请求中处理token、错误提示和环境变量的使用。
使用vite插件编写tsx文件
2024-08-15通常我们在template标签里去写静态页面模板,现在可以扩展另一种书写风格 tsx,类似react的jsx语法。vue2 的时候就已经支持jsx写法,只不过不是很友好,随着vue3对typescript的支持度增高,tsx写法越来越被接受。_vite tsx
el-dialog作为子组件如何由父组件控制显示/隐藏
2024-08-14文章讲述了在vue3中使用ElementPlus时,如何通过父组件的`visible`属性控制子组件`el-dialog`的显示。作者发现直接使用`v-model`传递布尔值不可行,解决方案是在子组件中添加一个`dialogVisible`变量与`v-model`绑定,并在`mounted`生命周期钩子中同步父组件的值。
详细分析vue3中的defineExpose(附Demo)
2024-08-14defineExpose 是 Vue 3 的 Composition API 中一个新的实用函数,用于在 语法下显式暴露组件的公共属性和方法_vue3 defineexpose
vue3 el-table 表头以及表格文字居中
2024-06-10使表头文字居中::header-cell-style="{ textAlign: 'center' }"使表格内容文字居中::cell-style="{ textAlign:'center' }" 3、fixed:接受 Boolean 值left或者 right,表示左边固定还是右边固定。2、height:可实现固定表头的表格,不需要额外的代码。5、row-class-name:改变某行的背景色。1、border:给表格加边框。_el-table标题居中
vue3如何使用watch和computed属性实现数据的变更监听和计算
2024-08-14watchcomputed通过上述示例,我们可以看出,Vue 3中的watch和computed属性各有用途且可以协同工作。computed属性适用于基于现有数据进行派生计算,而watch属性则适用于需要对数据变更进行特定操作的场景。通过合理使用这两个属性,能够大大简化我们的代码逻辑,提升代码的可读性和维护性。最后问候亲爱的朋友们,并邀请你们阅读我的全新著作。_vue3 监听数据变化
VUE父子之间的传值(以vue3为例)
2024-08-14【代码】VUE父子之间的传值(以vue3为例)_vue3父子组件传值