51工具盒子
vue3 中父子组件数据传输踩坑
本文最后更新于 2024-10-24，文章内容可能已经过时。 问题背景 {#问题背景} ------------ 最近在开发 halo 插件过程中，遇到了一个这样的问题，后台使用的 vue3 框架，其中涉及到了父子组件传值，带着 vue2 的开发习惯，对子组件绑定了后端异步获取的数据，以及相应事件，由子组件来渲染获取到的数据。并处理相应逻辑。父子组件代码如下： * 父组件...
vuejs
Vue Router 搭配 NaiveUI 的进度条
<h2>介绍 {#介绍}</h2> <p>由于 naive ui 的进度条需要依赖于一个 <code>NLoadingBarProvider</code>，所以我们在定义 <code>router</code> 的时候是无法使用 <code>useLoadingBar()</c...
异步加载 Vue 组件以减小 chunk 体积
<h2>问题 {#问题}</h2> <p>当你的组件过于复杂时，这里指它引用了非常多的第三方库，那么当你打包的时候或许会碰到下面的警告：</p> <p>|-----------------|-----------------------------------------------------------------...
关于unplugin-vue-components代码提示问题
<p>今天第一次体验<code>unplugin-vue-components</code>，遇到了代码提示的问题(VS Code)，如下：</p> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAA...
vue3 路由的引入和配置
<p>在 Vue 中，<code>router</code> 是一个核心插件，负责管理应用的路由配置，实现单页面应用（SPA）中的页面导航和组件切换，使得开发者能够通过定义路由映射来动态加载和渲染不同的组件，从而构建复杂的用户界面和交互体验。官方网站<a href="https://router.vuejs.org/"...
Vue 中 KeepAlive 的用法全解析
<ol> <li>前言</li> </ol> <hr /> <p>在 Vue 开发过程中，我们常常会碰到组件频繁切换的情况。大家都知道，组件每一次切换时的创建与销毁，其实都在消耗着系统资源，这可能会对应用的性能产生影响，甚至让用户体验大打折扣。而 Vue 为我们提供的 KeepAlive 组件，就像是一把优...
Uniapp 微信小程序添加客服和程序反馈按钮
### 前言 {#前言} 最近在做用Uniapp做微信小程序，现在想要添加两个功能。 * 点击跳转微信客服 * 点击跳转程序反馈页面 ### 正文 {#正文} 网上查了下，其实很简单，只需要给 button 标签添加相应的`open-type`即可。 一个是`contact`跳转客服。 ```Html open-type="contact" `...
uniapp：分享uniapp几个常被问到的面试题
 当你去面试前端开发的时候，经常会用到[uniapp](/tags/uni...
uniapp微信小程序开发：启动微信开发者工具提示no such file or directory, open 'C:\Users\...\.cli'错误
<p><img src="http://static.51tbox.com/static/2024-11-23/col/b9bca26dddf9930d7fabe7fa7badec22/cf49c46666ae4130a0ee0b2fb1d50bf4.jpg.jpg" alt="500.jpg" title="...
关于 Vue3 Store 的两种写法
<h2>前言</h2> <p>因为 Vue3 的组合式 API 的出现，结合我自己的一些使用，分享一下我的个人看法；因为有了组合式 API 的出现，让代码的组装更灵活了，数据管理可拆分，所以有了 class 写法和 pinia，我个人主要是 React + Vue 都写，公司用 React，个人的项目、作品用 Vue3，也做了一套 Vue3 ...
