创建vue3项目后报错
2024-09-29vue3 ts项目报错,找不到模块“./App.vue”或其相应的类型声明等问题_模块“"vue"”没有导出的成员“createapp”。
vue3 - 打包后chunk-vendors.js文件很大导致页面加载很慢、页面白屏、解决方案,如何解决vue3 vue/cli-service打完包vendors.js太大导致加载非常慢(完美解决
2024-09-29针对vue3项目,文章详细介绍了chunk-vendors.js文件过大导致页面加载慢和白屏的现象,提出两种解决方案:1) 使用compression-webpack-plugin进行文件压缩;2) 利用webpack optimization对大文件进行分包。这两种方法都能有效提升网页加载速度,适用于vue2和vue3项目。
vue3中使用echarts:tooltip的trigger为axis tooltip不显示问题
2024-09-21在vue3项目中,使用echarts时遇到tooltip在axis模式下无法显示滑动效果的问题。原因是Vue3的数据响应式系统使用了proxy。解决方案是使用markRaw函数,避免echarts实例化时处理的是监听对象。经过markRaw处理后,echarts能正确初始化并显示axis的tooltip滑动效果。
vue-form-craft,基于vue3的开箱即用表单方案
2024-09-08首先祝各位朋友们新年快乐!龙年大吉!在前端开发过程中,表单渲染是重要且繁琐的一环。为了提高开发效率并避免重复工作,我开发了一款基于vue3的表单工具,并取名vue-form-craft(vue表单工艺)。是适用于vue3项目中后台表单的一种通用解决方案。本文将介绍 vue-form-craft 的基本概念、使用方式及高级特性。主要由FormDesign(表单设计器)和SchemaForm(表单渲染器)组成。FormDesign通过拖拽快速生成JsonSchema,SchemaForm。_vue-form-craft
Vue3——从0到1的搭建过程
2024-09-04在Vue2里面,通过new Vue({})构造函数创建应用实例对象,而Vue3引入的不再是Vue的构造函数,引入的是一个名为createApp的工厂函数创建应用实例对象。既然是学习Vue3,那么首先应该需要的是如何初始化项目,在这里提供了两种方式供大家参考。props:值为对象,包含:组件外部传递过来,且组件内部声明接收了的属性。这里的项目目录结构分析主要是main.js文件。Vue2里面的main.js。Vue3里面的main.js。setup函数的两种返回值。setup的执行时机。_从0搭建vue3项目
vue3解析markdown文件为html并且高亮显示代码块
2024-09-01本文主要记录了vue3项目里怎么引入解析markdown文件为html,并且高亮显示代码块。(vue3 vite marked highlight.js)。希望能给有这方面需求的伙伴们带来不同的思路_vue3 markdown
使用pnpm run build:dev时,报错:error during build: Error: [vite]: Rollup failed to resolve import “sortabl
2024-08-25Rollup 在build构建过程中无法解析 sortablejs 模块的导入的路径。这个bug的产生可能会在运行时破坏应用程序。所以想显式地外部化这个模块,需要把它添加到导入到提示需要导入的路径。检查对应路径中,是否存在sortablejs 包,如果不存在,则安装依赖。如果存在,可以检查导入路径是否正确。重新构建,显示成功!_vue3项目 pnpm run dev 运行正常,但是 pnpm run build 时出现问题
在vue3项目中引用Echarts图表
2024-08-21实现在vue3项目中引用Echarts图表_vue3引入echarts
vue3项目引入VueQuill富文本编辑器(成功)及 quill-image-uploader 图像模块(未成功)
2024-08-14文章详细介绍了如何在Vue项目中集成Vue-quill富文本编辑器,包括全局注册、工具栏配置、内容类型设置和图片上传模块的使用。过程中遇到兼容性和报错问题,记录了解决尝试的过程和问题点。
VUE3 TypeScript i18n多语言结合使用
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方法获取翻译文本。