2024-08-14ref在 Vue 3 中，ref是一个函数，用来创建一个可响应的引用对象。这个对象可以在模板中绑定到 DOM 元素，从而在组件的逻辑代码中方便地访问和操作这些元素。在 Vue 3 中，ref提供了一种简单而强大的方式来访问 DOM 元素和创建响应式数据。通过本文的介绍和示例代码，你应该对如何使用ref访问和操作 DOM 元素有了清晰的理解。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作。_vue3 ref dom

https://www.qianduange.cn//article/15587.html 分类：前端知识

2024-08-14文章讨论了vue3的改进，包括使用Proxy提升性能，优化diff算法，采用组合式API增强代码聚合性，使用typescript增强类型安全，以及treeShaking减少打包体积。重点介绍了组合式API的逻辑聚合和响应式API的ref与reactive的区别。

https://www.qianduange.cn//article/15584.html 分类：前端知识

2024-08-14在日常的开发中，我们常常遇到这样的需求：点击一个button改变页面中某个元素的样式，在这样的场景中，我们可以使用v-bind绑定css中的var变量，来动态的切换元素的样式。在setup语法糖环境下，点击一个button动态切换另一个元素的背景色。_vue3 css变量

https://www.qianduange.cn//article/15556.html 分类：前端知识

2024-08-14在MES管理系统中需要实现条码数据从接口返回后，直接调用打印机进行打印，跳过浏览器的预览确定那一步。在尝试很多JS的方式和插件后，都无法实现该功能，因为基本上最后都是使用了方法进行打印，所以需要本地启动服务调用打印机，才能实现该功能。附上该插件的http://hiprint.io/，本文中未提及的功能基本上都能在官网中找到。_vue3 hiprint

https://www.qianduange.cn//article/15524.html 分类：前端知识

2024-08-14vue3 使用 Vue Router 时，params 传参失效_vue3 params传参失败

https://www.qianduange.cn//article/15518.html 分类：前端知识

2024-08-14文章详细介绍了如何在Vue项目中集成Vue-quill富文本编辑器，包括全局注册、工具栏配置、内容类型设置和图片上传模块的使用。过程中遇到兼容性和报错问题，记录了解决尝试的过程和问题点。

https://www.qianduange.cn//article/15516.html 分类：前端知识

2024-08-14本文介绍了如何使用 Apifox 进行接口 Mock 数据模拟，适用于前后端分离的项目开发。内容包括 Apifox 的安装、创建项目和接口，编写接口文档和 Mock 数据，以及在 vue3 项目中使用 Axios 调用 Mock 接口的步骤。通过此方法，开发者可以独立于后端进行前端开发和调试。

https://www.qianduange.cn//article/15503.html 分类：前端知识

2024-08-14vue3中使用websocket_vue3 websocket

https://www.qianduange.cn//article/15500.html 分类：前端知识

2024-08-14在后台管理系统的项目开发中，弹窗组件用到的地方很多。由于自带的默认样式不太符合视觉要求，因此需要利用maskStyle属性来自定义modal弹窗的遮罩样式。_maskstyle

https://www.qianduange.cn//article/15498.html 分类：前端知识

2024-08-14本文介绍了如何在vue3项目中结合TypeScript和i18n实现多语言支持。首先通过npm安装vue-i18n，然后配置不同语言的JSON文件，如zh.ts和en.ts。接着在main.ts中挂载i18n到Vue实例，并使用app.config.globalProperties.$t全局访问。在模板和TS代码中，通过$t或useI18n方法获取翻译文本。

https://www.qianduange.cn//article/15495.html 分类：前端知识