vscode 之 工作区的应用(解决vue2插件vetur、vue3插件Vue - Official禁用启用问题)
2024-04-18工作区???为什么要工作区???首先工作区简单理解就是vscode工作时的区域、范围;延申一下,为什么要工作区???不同的环境需要用到不用的插件啊,设置啊等等,这个时候怎么实现,总不能写前端的时候也把java、c 需要的插件设置的什么打开(虽然应该可能大概也许这些语言不会使用vscode 开发,这里只是打个比方),都打开的话就会显得vscode 很重,然后vscode 说好的轻便呢?就前端而言,现在发展的速度很快,前段时间vue2,现在几乎都时vue3 TS,但是公司还是有vue2的项目,而。_vscode工作区
vue3中antd上传图片组件及回显
2024-08-16先引入:import AntdUploadFile from "@/components/base/UploadNew.vue";1.在项目components/base下新建UploadNew.vue文件(上传图片公共组件)})//点编辑时父组件传入的回显数据。_a-upload回显
vue3 TypeScript实现瀑布流布局
2024-08-16瀑布流布局(Waterfall Flow Layout)是一种常用于网页设计的布局方式,它可以实现图片或内容的自适应排列,使页面看起来更加美观和流畅。先看实现效果:下面是使用 vue 实现瀑布流布局的一般步骤:1.定义列数、行间距、列间距2.容器设置为相对定位、item设置为绝对定位3.获取容器宽度:容器总宽度-内边距(paddingLeft paddingRight)4.计算每列宽度:(容器宽度 - 列间距 * (列数 - 1)) / 列数5.获取每一个item的高度(需要放在nextTic_vue3.2 ts实现瀑布流
vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值
2024-08-15本文介绍了如何在Vue CLI 4.x环境中修改由HtmlWebpackPlugin生成的HTML文件标题。通过修改vue.config.js文件,访问webpack配置,找到HtmlWebpackPlugin插件并更新其options.title属性,从而实现浏览器标题的定制。
vue3中使用echarts,动态更新X、Y轴数据
2024-08-15vue3中使用echarts,动态更新X、Y轴数据。_vue3echarts数据更新的问题
极致爽文,tsx语法应用vue
2024-08-15在vue3中,是一个用于定义组件的函数API。允许你定义一个包含组件配置信息的选项对象,如组件的属性、方法、生命周期钩子等。类型推断支持:使用可以帮助TypeScript更好地推断组件的类型,从而提高开发效率和代码的健壮性。内部对组件选项对象进行一些处理,包括生命周期钩子的转换、模板的编译等,从而提供了一个统一的组件定义上下文,使得组件的定义更加清晰和一致。这里有个专门讲解defineComponent的文章 :https://juejin.cn/post/6994617648596123679。_tsx
vue中的nextTick(Vue的异步更新机制)
2024-08-15本文讲解了VUE的异步更新机制,nextTick的作用与实现原理,并展示了nextTick在vue2与vue3中的使用方式_vue nexttick
使用vue3展示在Vue Router中实现嵌套路由
2024-08-15在今天的这篇博客中,我们将深入探讨如何在vue3中使用Vue Router实现嵌套路由。嵌套路由是构建复杂单页应用(Single Page Application, SPA)的核心,你可以使用这一特性来组织应用的不同视图层次结构。无论你是面试准备,还是在工作中需要这个技能,这篇文章都会帮助你掌握这些知识。_vue3 嵌套路由
使用 Vite TypeScript 打造一个 vue3 组件库
2024-08-15使用 Vite TypeScript 打造一个 vue3 组件库_vue3 typescript vite 组件库
使用typescript封装axios
2024-08-15本文介绍了在vue3和Vite3项目中如何封装和使用axios,包括安装axios、创建axios实例、设置请求和响应拦截器、封装post、get等方法,并展示了具体的代码实现。此外,还提到了在请求中处理token、错误提示和环境变量的使用。