本文介绍了开源项目 ChatGPT Web Share,该项目使用 FastAPI + Vue3 开发,支持多语言、夜间模式适配以及一键导出对话为 Markdown 或 PDF 文件等特点,并提供了完善的管理功能,能够实现共享一个 ChatGPT Plus 账号给多个用户的需求。
本文将介绍Vue 3中如何在组合式API中获取循环中的组件的ref。我们将通过在父组件中使用`ref`指令和`v-for`指令来声明和动态创建一个引用,然后在`onMounted`生命周期钩子中循环遍历数据来获取每个子组件的引用并存储在对应的引用中。这种方法可以让我们轻松地在循环中获取子组件的引用并进行操作,非常方便实用。
> Vue2、Vue3双向绑定封装组件例子:本文将讲述如何使用Vue2和Vue3的双向绑定功能,来创建封装组件,并且提供了一个实际的示例。 ![image-20230227161052962](http://oss.chengzz.com/typora_img/202302271610064.png?imageView2/0/q/75%7Cwatermark/1/image/aHR0cHM6L
> Vue Devtools是一款浏览器插件,用于调试Vue.js应用。它可以帮助你检查Vue组件的状态、跟踪组件之间的数据流、查看Vuex状态管理器中的状态、调试应用中的事件等。Vue Devtools能够大大简化Vue开发过程中的调试工作,是Vue开发必备的工具。Vue Devtools可以安装在Chrome、Firefox和Safari浏览器中,具体安装方法可以参考Vue Devtools的官方文档。
> 在HTML中,图片懒加载是一种性能优化技术,它可以提升网页的加载速度。原理是将图片的加载延迟到用户真正需要看到图片的时候再加载,而不是在网页加载完毕后就立即加载所有图片。这样做的好处是减少了网页加载时的带宽占用,提升了用户体验。 ![image-20230106150536513](http://oss.chengzz.com/typora_img/202301061505572.png?imag
> 如果你的Element等框架存在二次确认点击过快导致多次情况的问题,你可以尝试以下方法来修复这个问题 ![image-20230104180019342](http://oss.chengzz.com/typora_img/202301041800455.png?imageView2/0/q/75%7Cwatermark/1/image/aHR0cHM6Ly93d3cuY2hlbmd6ei
> 自从前段时间转到VScode,就没太在意它的调试功能,今天有空学习了下,记录下,另外记录下自己学到的一些调试基本技巧 ## VScode调试 以前VScode调试都是通过一个插件来`Debugger for Chrome`调试的,但是随着VScode的更新,`Debugger for Chrome`已成为历史,代替它的是`vscode-js-debug`,已经内置在VScode里了,所以我们
> 之前做动态路由的时候就发现路由加载的时候没有过渡的动画,想着能否给加个进度条,发现还真可以,马上给所有项目加上,网速再慢也能有过渡了 ## 说明 我这里使用的是`nprogress`进度条来过渡,当然也可以用其他的,如 loading 等 ## 安装 ```shell pnpm i nprogress ``` ## 在`router.js`或者`main.js`中使用
> 修复TypeScript中导入vue文件报错显红 ## vue 2 的解决办法,针对 vue 文件导入报错 创建一个 shims.d.ts 文件,放置到 src/globalDeclare 中 ```shell declare module '*.vue' { import Vue from 'vue'; export defaul