vue3组件库

Echart使用水球图不生效

一、背景：在vue3中使用echart5绘制水球图，未显示，也没有报错。
zyk_520·2024-01-27 14:15

Vue3引用echart5 报错解决

一、TypeError:Cannotreadpropertiesofundefined(reading'type')原因：由于把echart实例绑定到了一个响应式的变量上解决方案【1】使用markRaw把响应式变量定为非响应式变量import{markRaw}from'vue';exportdefault{data(){return{chartContainerDom:nullasany,char
zyk_520·2024-01-27 14:45

Vue3动态插入组件

一、使用+is实现动态组件插入：一个用于渲染动态组件或元素的“元组件”。:is:要渲染的实际组件，当is是字符串，它既可以是HTML标签名也可以是组件的注册名。importFoofrom'./Foo.vue'importBarfrom'./Bar.vue'exportdefault{components:{Foo,Bar},data(){return{view:'Foo'}}}//给组件传参
zyk_520·2024-01-27 14:44

VUE引入DataV报错记录

DataV官网（不支持Vue3）：Welcome|DataV一、按照官网引入后报错【1】Failedtoresolveentryforpackage"@dataview/datav-vue3".Thepackagemayhaveincorrectmain
zyk_520·2024-01-27 14:43

uniapp导入uView组件库

目录准备工作1.新建一个项目2.导入uview组件库3.关于SCSS配置步骤1.引入uView主JS库2.在引入uView的全局SCSS3.引入uView基础样式4.配置easycom组件模式添加效果实验运行即可成功准备工作
前端 贾公子·2024-01-27 13:22

vue3完整教程从入门到精通（新人必学2，搭建项目）

概述：之前文章创建了一个vue-project项目，咱们就用那个项目接着写目录安装elementui检验elementui的安装之前文章：vue3完整教程从入门到精通（新人必学1，vue3快速上手）-CSDN
村口曹大爷·2024-01-27 13:40

vue3完整教程从入门到精通（新人必学1，vue3快速上手）

概述：本章将会学习完整的vue3创建项目，由于本人是java后端的，所以有写的不好的地方，大家看完后尽情评论。
村口曹大爷·2024-01-27 13:09

vue3 初体验

据vue作者尤雨溪去年发布的vue3.0正式版本发布以来一直没时间看，今天就来体验一下vue3.0。
邹小小白·2024-01-27 13:50

【小程序-基础进阶】Vant Weapp，API Promise化，全局数据共享，分包（独立分包、分包预下载）

文章目录一、使用npm包1.1小程序对npm包的支持和限制1.2VantWeapp1.2.1安装Vant组件库1.2.2使用Vant组件1.2.3定制全局主题样式1.CSS变量2.定制全局主题样式1.3APIPromise
zilin_taku·2024-01-27 13:45

vue的pinia环境搭建

Pinia的主要特点包括：对Vue2和Vue3提供良好的支持，使得老项目也可以使用Pinia。抛弃了Mutations的操作，只有state、getters和actions。
<有心人>·2024-01-27 13:44

vue3之hello world

、前期准备vue环境搭建https://mp.csdn.net/mp_blog/creation/editor/135712083书接上回我们学习了搭建环境和创建vue项目，在桌面上创建了hello_vue3
<有心人>·2024-01-27 13:14

嘿嘿，vue之输出土味情话

lovetalk.vue:获取一句土味情话{{link.title}}import{reactive}from'vue';//导入Vue3的reactive函数，用于创建响应式数据importaxiosfrom"axios
<有心人>·2024-01-27 13:14

05-小程序◆ 使用 npm 包 ◆ 全局数据共享 ◆ 分包 ◆ 案例 - 自定义 tabBar

◆使用npm包◆全局数据共享◆分包◆案例-自定义tabBar①能够知道如何安装和配置vant-weapp组件库⚫参考Vant的官方文档②能够知道如何使用MobX实现全局数据共享⚫安装包、创建Store、
W蘭·2024-01-27 13:43

小程序提升篇-npm、数据共享、分包、自定义tabBar

第三方包，提高开发效率，有以下三种限制：不支持依赖node.js内置库包不支持依赖浏览器内置对象的包不支持依赖C++插件的包限制较多，因此小程序可以使用的包不多1.2VantWeapp是一套开源的小程序UI组件库
曹莓奶昔·2024-01-27 13:13

小程序中的npm使用，Vant Weapp组件库，全局数据共享，分包

一、安装并使用vant组件库目前，小程序中已经支持使用npm安装第三方包，从而来提高小程序的开发效率。
未及545·2024-01-27 13:43

微信小程序 五 npm 包 、安装 vant组件、promise组件、全局数据共享、 分包！！！、自定义 tabBar 案例

总结能够知道如何安装和配置vant-weapp组件库参考Vant的官方文档能够知道如何使用MobX实现全局数据共享安装包、创建Store、参考官方文档进行使用能够知道如何对小程序的API进行Promise
Hyman-ya·2024-01-27 13:42

Vue3之setup

一、Option和Composition首先，我们来谈谈vue的两种风格，vue2的API是Option（选择）风格，vue3的API是Composition（组合）风格。
<有心人>·2024-01-27 13:11

vue3预览pdf文件的几种方法

文章目录vue3预览pdf集中方法方法一：方法二：展示效果：需要包依赖：代码：方法三：展示效果：需要包依赖：代码：自己调参数，选择符合自己的vue3预览pdf集中方法方法一：iframe：这种方法显示有点丑方法二
夜空孤狼啸·2024-01-27 12:05

vue3+vite中如何打包添加随机号解决页面缓存更新不及时问题

问题：公众号h5页面调整后存在缓存问题，只有点击右上角三个点点里刷新才会更新修改后的内容。解决：给打包的文件添加时间戳使客户端强制拉取最新的文件（推荐）vite配置官方文档import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'const**Timestamp**=newDate
爱吃爱喝·2024-01-27 12:01

格子表单GRID-FORM | 嵌套子表单与自定义脚本交互

格子表单/GRID-FORM已在Github开源，如能帮到您麻烦给个星GRID-FORM系列文章基于VUE3可视化低代码表单设计器嵌套表单与自定义脚本交互新版本功能不觉间，GRID-FORM已经开源一年
集成显卡·2024-01-27 12:28

Vue2跟Vue3的对比

在Vue.js的演进过程中，Vue2.x是主要的版本，而Vue3.x是最新的版本。Vue3.x于2020年9月正式发布，与Vue2.x相比，它带来了许多重要的改进和新功能。
跟Bug双向奔赴·2024-01-27 12:58

vue2 vue3 各传值汇总

序：vue最常见的，容易为难新手的，应该就是组件间的传参的，所以本次笔记就记录下传参，顺带也记录下vue2吧一、vue31、父传子父组件atherTitle，fatherMoney，fatherWifi
MoXinXueWEB·2024-01-27 11:19

vue3中页面传参汇总

最近协助前端写vue页面时，需要几个传参问题随之记录下1、上个页面js跳转页面传参查看详情//跳转详情页functiongoDetail(id){router.push({peth:`/finance/detail/${id}`,});}路由需修改成地址后跟冒号+id，即:id{path:"/finance/detail/:id",component:()=>import("@/views/ass
吱吱喔喔·2024-01-27 11:47

2023年最火前端开源项目，已获46K star!

shadcn-ui是一套基于React的UI组件库，它与众不同之处在于，它允许开发者通过Tailwind
海鲸AI·2024-01-27 10:25

Could not resolve “./lib-cov/fluent-ffmpeg“ from “./lib-cov/fluent-ffmpeg?commonjs-external“

背景我在Electron+Vite+Vue3的桌面app中，Electron环境下使用到了fluent-ffmpeg。
qq_43478653·2024-01-27 09:12

Vue3源码解读之runtime（上）

前言上一篇文章，我们提到packages中核心的源码主要分为三部分，接下来我们就开始阅读runtime部分的代码createApp(App).mount('#app')接下来我们就以入口文件中的这行代码开始来一步步深入初始化上一篇文章中我们提到vue主入口文件中，引入导出了runtime-dom和compiler，而createApp就是来自runtime-dom//packages/runtim
Refrain37·2024-01-27 09:42

使用element-ui项目打包后icon图标不显示

在使用vue-cli搭建项目的时候，用了element-ui组件库的图标的，使用npmrunbuild打包项目放到服务的时候，图标显示是框；需要修改两个配置：1.首先在config文件夹下的index.js
赵思远kelsty·2024-01-27 09:00

【Vue3】指令(Directives)的运用

简言vue3的指令是其核心内容之一，在此做下总结。directives指令是带有v-前缀的特殊attribute。Vue提供了许多内置指令，例如：v-bind、v-html等。
ZSK6·2024-01-27 09:36

HarmonyOS自定义弹出对话框CustomDialog并传递变量

HarmonyOS定义了一系列弹窗反馈类的组件和前端开发框架VUE3配套生态库elementplus中的提供各种组件相比，还是要少一些。
尘烟生活家·2024-01-27 09:03

VUE3+Element-plus中el-form的使用

目录实现效果关键点完整代码增加表单项的校验规则实现效果Element-plus使用el-form必须配置ref和model属性，二者的值不能相同（在ElementUI中是可以相同的）。ref的值在声明的时候要引入FormInstance，这个又必须在script中声明lang为ts，不能使用js。这样就必须引入对ts的支持step1：安装vue-loader和vue-template-compil
尘烟生活家·2024-01-27 09:03

vue3父组件通过ref获取子组件的属性方法的步骤：

1.父组件通过ref注册子组件import{onMounted,onBeforeMount,onBeforeUnmount,onUnmounted,ref,watch,computed}from'vue'importSonfrom'@/components/Son.vue'//声明子组件refconsthello=ref(null)onMounted(()=>{//ref属性的调用要想访问子组件的
张滚滚QAQ·2024-01-27 08:43

Vue3中的ref和shallowRef、reactive和shallowReactive

一：ref、reactive简介ref和reactive是Vue3中定义响应式数据的一种方式。ref通常用来定义基础类型数据。reactive通常用来定义复杂类型数据。
爱吃猪蹄_·2024-01-27 08:09

vue3中ref和reactive的区别

大家都知道vue3在9月18号晚上发布了，在vue3中对响应式数据的声明官方给出了ref()和reactive()这两种方式，今天我们来聊聊两种定义定义数据方式有什么不同WeChatf451688255772765522a02ecbf7b1d93
可地出溜·2024-01-27 07:16

vue3+echarts绘制某省区县地图

vue3+echarts绘制某省区县地图工作中经常需要画各种各样的图，echarts是使用最多的工具，接近春节，想把之前画的echarts图做一个整合，方便同事和自己随时使用，因此用vue3专门写了个web
栀椩·2024-01-27 07:53

npm create vue3项目特别慢

Failedtocheckforupdates，还特别慢，等了好久都创建不好查看npmconfiggetregistry更换npm镜像npmconfigsetregistry=https://registry.npmmirror.com这样创建vue3
吃一口你的梦。·2024-01-27 06:24

vue3-深入组件-组件 v-model

组件v-modelv-model可以在组件上使用以实现双向绑定从Vue3.4开始，推荐的实现方式是使用defineModel()宏：const model = defineModel()function
王大可996·2024-01-27 06:22

【GitHub项目推荐--React 组件库】【转载】

这个9.9kStar的开源项目是一个React组件库帮助你更快速的构建Web应用，包含120+可定制组件和Hook，支持暗黑主题。
旅之灵夫·2024-01-27 06:58

vite+Vue3技术栈项目- 解决跨域配置代理

vite+Vue3技术栈项目-解决跨域配置代理1.跨域问题引入2.解决跨域编码：3.更改后端请求：4.编码测试OK1.跨域问题引入我的前端项目启动，是http://127.0.0.1:3000需要访问的后端接口是
SpringSir·2024-01-27 06:43

Vite+Vue3使用Vue-i8n笔记

一、下载依赖vue-i18nyarnaddvue-i18n创建存放语言文件的目录以及配置文件的配置我是在src/lang新建index.ts、cn.ts、en.ts以及test文件夹其中再分别新建cn.ts以及en.ts/lang/index.ts用于导出vue-i18n需要的配置对象importenfrom"./en.ts";importzhfrom"./cn.ts";constmessages
躺平阿福·2024-01-27 06:11

安装vue devtools及常见问题

网盘中包含vue2和vue3的devtools安装工具，根据项目需要选择使用，不能同时安装两个devtools到浏览器上极简插件下载下载链接：htt
员宇宙·2024-01-27 04:17

【Uni-App】Vuex在vue3版本中的使用与持久化

Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简而言之就是用来存数据，可以有效减少使用组件传参出现的问题。基本元素：store（里面存数据），mutation（里面修改数据），action（里面异步调用mutation来修改数据），getter（获取数据）以下是一个表示“单向数据流
RisunJan·2024-01-27 03:56

Vite+Electron快速构建一个VUE3桌面应用（一）

一.简介首先，介绍下vite和Electron。Vite是一种新型前端构建工具，能够显著提升前端开发体验。Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。当开始想用vu
@八度余温·2024-01-27 03:32

Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载

一.简介在上一篇文章Vite+Electron快速构建一个VUE3桌面应用中，我们了解了如何使用Vite和Electron来快速构建一个Vue3桌面应用。但是，之前构建的应用仅仅是一个简单的版本。
@八度余温·2024-01-27 03:32

Vite+Electron快速构建一个VUE3桌面应用(三)——打包

一.简介上一篇文章Vite+Electron快速构建一个VUE3桌面应用(二)——动态模块热重载完成了开发时的动态模块热重载功能，现在是时候来看看怎么完成最后一步——打包了。
@八度余温·2024-01-27 03:32

【硅谷甄选】根据路由动态生成菜单

使用element-plus组件库。
小秀_heo·2024-01-27 02:03

前端el-upload拖拽上传文件到oss服务器

1，准备上传文件的代码：复制组件库代码，按照需求微调将文件拖到此处，或点击上传文件大小不要超过100M!
只差亿点点·2024-01-27 01:27

element-ui/el-upload上传oss，支持截屏后粘贴上传

upload上传是前端开发很常用的一个功能，在Vue开发中常用的Element组件库也提供了非常好用的upload组件。本文采用scoped-slot去设置缩略图模版，并且实现了oss粘贴上传功能。
chensunxu·2024-01-27 01:56

vite3+vue3 项目打包优化三 — CDN加速、文件压缩

在Vite+Vue3项目开发过程中，像element-plus、lodash-es等工具库，会有很大的文件依赖。我们可以尝试通过
MagnumHou·2024-01-27 01:33

vue2中使用swiper组件库

api参数中文官网下载并引入项目//安装[email protected]@5.4.5--save//main.js引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper,/*{defaultopt
白小白灬·2024-01-27 01:32

vue3中emit(‘update:modelValue‘)使用

父{{test1}}测试1{{test2}}测试2import{ref,reactive}from'vue'consttest1=ref('')consttest2=ref('')子（setup语法糖）import{ref,watch}from'vue';//此处引入constemit=defineEmits(['update:modelValue','update:test2'])constpr
白小白灬·2024-01-27 01:02
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他