首先安装vditornpm install vditor --save在组件中使用<template><div id="vditor"></div></template><script setup>import { defineProps, ref, onMounted } from "vue";import Vditor from "v

最近使用echarts来开发某系统的图表功能，先申明我以前用的ext.js，ext.js对图表有自己的一套组件，用起来也很方便。但是由于ext.js过于臃肿，公司决定使用echarts来开发图表功能。当我们使用的时候才悲催的发现，echart绘制之后，不能随着容器div的大小而变化。而我们所开发的图表是需要有放大缩小功能，于是在网上找了很久，也没有找到合适的答案，大部分是通过监听窗口大小改变事件来

vite2.x实现按需加载ant-design-vue@next组件1.使用版本vite:2.0ant-design-vue: 2.0.0-rc.8vue:3.0.52.安装vite插件yarn add vite-plugin-style-import -D or npm i vite-plugin-style-import -D3.vite.config.js配置import vue from

vue3-json-viewer简单易用的json内容展示组件,适配vue3和vite。 在使用vue3+vite开发时，发现需要用到显示json数据组件，发现vue-json-viewer只能兼容vue2，于是花了一个小时，重写的vue3的适配。 原作者：github代码仓库GitHubGitee安装需要依赖clipboard，先安装clipboard$ npm install clipboar

前几天面试，被问到如何实现一个日历组件，然后发现百度的日历组件比较看，决定自己用vue3实现一下，并且还能巩固一下vue3的知识。代码全部采用compositionAPIscript-setup风格支持vite宜忌算法未实现（欢迎pr）vue-baidu-calendar码云：https://gitee.com/isfive/vue-baidu-calendargithub：https://git

vue3.0父子组件传值实现-compositionAPI父组件Father.vue<template><div>父组件<h1>{{ count }}</h1><button @click="increment">父组件+</button><child :count="count" @increment:count="i