![](https://img-blog.csdnimg.cn/direct/d379036a73404d8b898e0df89768c32c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 68
渐进式JavaScript 框架
易学易用,性能出色,适用场景丰富的 Web 前端框架。
Vinca@
闲暇时间分享自己的项目经验,支持开源,支持分享~
展开
-
类型“{}”上不存在属性“xxxx”。ts(2339)
解决:类型“{}”上不存在属性“xxxx”。ts(2339)问题原创 2024-07-03 04:30:00 · 153 阅读 · 0 评论 -
The above dynamic import cannot be analyzed by Vite.
`@rollup/plugin-dynamic-import-vars`的使用,`vite-plugin-dynamic-import`的使用,解决import(`${component}`)问题。原创 2024-07-01 14:14:36 · 649 阅读 · 0 评论 -
vue2 + elementUI + scss 制作主题切换+动画效果
中小型企业管理后台添加主题切换 + 切换动画效果。原创 2023-03-23 17:20:03 · 2093 阅读 · 0 评论 -
Vue DevTools
当你开发 Vue 应用时,Vue DevTools 是一个非常有用的工具,可以帮助你调试、监控和优化你的应用。本文将全面介绍 Vue DevTools 的功能和用法,并提供了一种通过 vue3 快捷安装命令一键安装 Vue DevTools 的方法。此外,还将介绍如何在 VS Code 中使用 Vue DevTools,帮助你更高效地开发 Vue 项目。原创 2024-06-21 10:25:22 · 1024 阅读 · 0 评论 -
v-cloak 用于在 Vue 实例渲染完成之前隐藏绑定的元素
是 Vue.js 中的一个指令,用于在 Vue 实例渲染完成之前隐藏绑定的元素。它的主要作用是防止页面在加载 Vue 实例时,出现未编译的 Mustache 语法(双大括号)或 Vue 绑定指令,以保持页面的外观一致,直到 Vue 实例准备好并替换了这些绑定。在 Vue 实例加载之前,这个 div 元素将会被隐藏,直到 Vue 实例准备好后才会显示出来。主要用于确保在 Vue 实例加载完成之前,隐藏 Vue 模板中的元素,以提供更好的用户体验。指令会自动被移除,这样就不会影响到页面的最终呈现。原创 2024-05-23 16:39:09 · 343 阅读 · 0 评论 -
VitePress项目 + 阿里云服务 + nginx 部署一个项目
该篇文章主要讲解如何搭建一个vitepress项目,并部署到阿里云服务,通过访问公网ip去浏览。1、vitepress项目搭建2、gitee代码管理3、阿里云服务购买4、ssh本地连接5、linux命令6、nginx配置7、公网浏览。原创 2024-05-09 02:42:40 · 1300 阅读 · 2 评论 -
【个人笔记】前端碎片笔记
(组件WidgetContent渲染视图效果)如上图,如果有部分模块或者单页需要单独让 WidgetContent的h6标签更换颜色或添加下划线等样式,我们又不想污染原有组件的样式,那么该如何编写出优雅的代码? 子组件代码:主要通过$attrs访问父组件传递给子组件但子组件没有声明的所有属性。只需要给对应的标签添开头添加 ! 字符:!mt-10第一种方法使用pre标签+样式+符号\n实现:第二种方式使用white-space: pre;实现 使用:deep(原创 2024-04-10 22:11:41 · 367 阅读 · 0 评论 -
如何在nuxt.config.ts中使用全局变量
现在,你可以在nuxt.config.ts文件中使用process.env对象来访问全局变量。在nuxt.config.ts文件中引入dotenv库,并调用它的config方法来加载.env文件中的全局变量。在Nuxt.js中,可以使用全局变量来在整个应用程序中共享数据。在NuxtJS中,如何在.env 或 .env.* 使用全局变量来在整个应用程序中共享数据。这样就可以在nuxt.config.ts文件中使用.env配置的全局变量了。原创 2024-03-29 00:04:24 · 365 阅读 · 0 评论 -
解决Animate.css动画效果无法在浏览器运行问题
然后执行npm run dev , 将Network 浏览地址发送给自己的手机或者平板,检验后发现没问题,无论你是选择哪一项设置(默认选择:让windows选择计算机的最佳设置),只要勾选。在开发官方网站的时候,临时更换了电脑,发现原本正常的动画效果突然不动了。经过 chrome、Microsoft Edge都无法运行。1、在package.json中添加 --host。通过审查元素后发现类名是注入并且生效的。然后通过其他设备终端去验证。所以问题出在新的设备。窗口内的动画控件和元素。原创 2024-03-23 14:20:25 · 395 阅读 · 0 评论 -
将字体文件 .ttf 转成 CSS @font-face 代码引入
最近项目遇到设计稿存在第三方字体,要求在静态中实现相应效果。将@font-face代码片段引入项目css文件。点击 “Download” 下载转换结果。将字体文件转换成@font-face。原创 2024-03-18 16:22:17 · 474 阅读 · 0 评论