使用Windi CSS(基于vue-cli)
2024-06-08我的经历:直接终端输入以下命令即可自动安装,且在main.js文件会自动引入,也无需在vue.config.js中配置了才能使用,有特别定制的可以配置,不需要特别定制的可以不配置。利用脚手架vue-cli创建,根据需求设置vue版本、babel等,无特别要求直接用默认的vue2或vue3就行。VS code插件:WindiCSS IntelliSense,可以辅助自己使用。3、利用vue-cli安装Windi CSS。1、先创建vue项目。_windicss
vue3组件传参之父子组件传参
2024-06-08在vue3中,父子组件之间的通信是一项常见的任务。本文将介绍一些在vue3中实现父子组件之间传值的方法。_vue3父组件传值给子组件
快速入门vue3新特性和新的状态管理库pinia
2024-06-08学习目标:1.了解vue3.3新特性 2.了解vue的新状态管理库pinia_vue3 definestore
【vue3 Vite】Vite搭建 项目解构 Vue快速学习 第一期
2024-06-08vue3 vite项目搭建,安装启动停止,项目目录解构,组件说明,CSS导入方式,vue3实现计数器...._vite搭建vue3
vue3 El-Plus 实现表格行拖拽功能
2024-06-07这里项目只需要一个地方用到,就没有封装成组件,直接在用到的.vue文件中写了。在使用的 .Vue 文件中导入。_vue3 elementplus table 可拖拽
vite vue3 TypeScript 搭建项目基本框架
2024-06-07vite vue3 TypeScript 搭建项目基本框架_vite vue typescript
实践一个Vue 3 TypeScript Vite Pinia项目
2024-06-07优势:dev-tools支持、热模块更换、支持typeScript、插件机制、支持服务端渲染等等。新建文件夹 store,打开新建 index.ts。创建 useUserStore。新建一个 UserComponent.jsx 文件。新建 user.json 文件,并添加数据。在 app.vue 引入user.tsx。在 app.vue 中引入文件并展示。在 main.ts 引入pinia。实现一个简单的增删功能。......_vue3 vite piana typescript acro
vue3中使用腾讯地图
2024-06-07获取到key后在index.html中引入引入API库。首先要到腾讯位置服务中创建应用和Key。然后使用axios封装api请求。_vue3使用腾讯地图
vue3 组件转为HTML DOM节点
2024-06-07工作中,开发地图的时候,其中一个API需要添加HTML代码,考虑到HTML代码很多,如果去拼接HTML字符串很麻烦,而且很容易出错,另外,在给HTML添加事件的时候,很容易绑定到全局中,这样污染了全局,而且也不符合Vue组件开发的思想。解决思路:希望像Vue2那样可以直接创建一个Vue组件实例,然后获取Vue组件实例的DOM,添加到组件中。问题: vue3 没有Vue.extend() 方法,因此Vue2 的写法不能适用。_vue组件转成html
Vue 3 如何按需引入 ECharts(高性能图表组件)
2024-06-07本文将介绍如何在 Vue 3 中按需引入 ECharts,以提高应用性能和减少资源加载。ECharts 是一款由百度开发的开源可视化库,它提供了丰富的图表类型和灵活的配置项,适用于 Vue 项目中的数据可视化需求。在 Vue 3 中按需引入 ECharts 可以显著提高应用性能,减少资源加载。了解如何按需引入 ECharts 对于 Vue 开发者来说具有重要意义。掌握按需引入 ECharts 的方法可以帮助我们打造高性能的图表组件。_vue3安装echarts