defineComponent 第2页

codemirror封装，可以像textareay进行高度调节

一、封装code.vueimport{defineComponent,ref,onMounted,onUpdated,watch,nextTick,computed}from'vue'importCodemirrorfrom'codemirror-editor-vue3

米儿web·2024-01-01 14:02

vue插件--xterm封装

安装npminstallxtermxterm-addon-fit-D两种模式log:日志输出shell:终端命令import{defineComponent,onMounted,onBeforeUnmount

墨迹斑斑的老墙·2024-01-01 14:02

Vue3 + TS Scrollbar组件 - 戴向天

我叫戴向天QQ群：602504799如若有不理解的，可加QQ群进行咨询了解import{computed,defineComponent,getCurrentScope,nextTick,onBeforeUnmount

戴向天·2024-01-01 13:45

el-table表格自动循环向上滚动鼠标放上去停止，移开恢复

排序的图标是两个图片，点击向后端发请求带不同的参数排名{{scope.row.rank}}import{defineComponent,reactive,ref,toRefs,watch,computed

前端程序媛Ying·2023-12-31 18:56

使用countup.js制作数字滚动效果

valueKey]||'--'}}import{defineComponent,reactive,toRefs,onMounted,onU

前端程序媛Ying·2023-12-31 18:55

vue3中使用defineComponent封装hook实现模板复用

文章目录一、前言二、`useTemplate`实现三、最后一、前言最近在做Vue3项目的时候，在思考一个小问题，其实是每个人都做过的一个场景，很简单，看下方代码{[item.name}}今年已经{[item.age}}岁啦constdata=newArray(20).fill(0).map((_,index)=>({name:`sunshine-${index}`,age:index}));其实就

小马甲丫·2023-12-30 14:51

一个人全干！之后台管理中的搜索区域的展开收缩组件。

收缩':'展开'}}/***折叠组件*/import{defineComponent,ref,toRef,onMounted,watch,onBe

23朵毒蘑菇·2023-12-30 11:51

我一人全干！之二，vue3后台管理系统树形目录的实现。

menu.vue代码如下import{defineComponent,ref,reactive,computed,onMounted,watch,toRef,

23朵毒蘑菇·2023-12-30 11:21

vue3中使用ts

一、选项式api中使用ts使用defineComponent定义组件=>启用类型推导Hello01点击{{count}},{{doubleCount}}import{defineComponent}from'vue'typeCount

qq_42531108·2023-12-29 21:15

vue3中引入文件ts报红色波浪线问题

vsCode中vue插件是Vetur的话，需要卸载重新安装支持vue3的Volar插件2.需要在src目录下创建xxx.d.ts文件，添加以下代码declaremodule"*.vue"{import{DefineComponent

dzry_lr·2023-12-29 21:15

vue ts click中的事件类型怎么写？

让我们看这个例子：import{defineComponent}from'vue'exportdefaultdefineComponent({setup(){//`evt`将会是`any`类型consthandleChange

qq_13854514·2023-12-29 21:44

Vue3警告[Vue warn]: Avoid app logic that relies on enumerating keys on a component instance.

项目中遇到此警告并解决的情况如下：（持续更新）1.模板中v-for循环数据list时，接口因为某些原因报错了没返回数据，导致list为undefined,此时将数据改为list=res.data||[]即可；2.defineComponent

_大龄·2023-12-28 16:57

vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

ts(2307)解决方法：在项目根目录创建env.d.ts文件（如果已有，则在文件中追加），加入以下内容：declaremodule"*.vue"{importtype{DefineComponent}

kagamiGo·2023-12-27 12:08

使用vue实现复制功能

1.安装命令npminstall--savevue-clipboard32.代码点击复制import{defineComponent}from"@vue/composition-api";importuseClipboardfrom"vue-clipboard3

CQXXTXX·2023-12-24 23:57

大屏适配

大屏适配插件1.安装npminstallv-scale-screen#oryarnaddv-scale-screen2.Vue3orVue2.7版本....................import{defineComponent

肖_53e4·2023-12-24 13:11

vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function

问题描述再写vue项目时使用了，vue-router插件，但是运行之后报错vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction，

Rumda·2023-12-23 09:20

vue3+antdesign的输入框(input)添加失去焦点触发事件

首先在ant-design的官网文档没有看到失去焦点事件image.png经过查阅有一个onBlur事件12源码:import{defineComponent,ref,getCurrentInstance

尘埃里的玄·2023-12-22 21:40

vue3中的 defineComponent与setup接收的两个参数

vue3中，新增了defineComponent，它并没有实现任何的逻辑，只是把接收的Object直接返回，它的存在是完全让传入的整个对象获得对应的类型，它的存在就是完全为了服务TypeScript而存在的

嘉奇·2023-12-21 22:16

前端笔记之vue3 之 render函数和createVNode函数使用

本内容只说createVNode函数的用法，不做源码探究1.简单使用-创建一个组件import{defineComponent,createVNode}from"vue";constRenderTest

苏小邪·2023-12-20 13:07

flv 轮播功能(单个、多个)

开始和停止按钮 import{ defineComponent, toRefs, reactive, getCurrentInstance,

·2023-12-18 11:59

TypeScript TSX 使用 [ElDatePicker] 报错缺少事件类型，onChange 提示 “不存在属性“onChange”“

index.tsx：importstyledfrom'@/styled-components'import{defineComponent,ref,reactive}from'vue'import{ElDatePicker

＊且听风吟·2023-12-18 05:57

vue使用qrcodejs2-fix或者qrcodejs2插件生成二维码

1.vue2安装npmiqrcodejs21.1.vue3安装npminstallqrcodejs2-fix2.组件中引入并封装成公共组件，vue3版import{defineComponent,reactive

柠檬加栤·2023-12-05 13:00

【Vue3系列】父组件调用子组件的方法-子组件向父组件传值

一：父组件调用子组件的方法父组件父页面testimport{defineComponent,ref}from'vue';exportdefaultdefineComponent({setup(){constsonRef

不停喝水·2023-12-04 18:48

Vue3快速生成模板

首选项）=>usersnippets（用户片段）新建vue.json，粘贴如下内容{"Vue3快速生成模板":{"prefix":"vue3","body":["","","","","import{defineComponent

Seven奇·2023-12-04 05:08

el-tree组件图标的自定义

一、方法一：当所需图标存在于content的字符集时content字符集import{defineComponent,reactive,toRefs}from"vue";exportdefaultdefineComponent

兜小糖的小秃毛·2023-12-03 11:18

搜索内容高亮

//使用JSX创建组件constSearchContent=defineComponent({name:'SearchContent',props:{searchValue:{type:String,default

自由的音符·2023-12-02 20:59

vue3中defineComponent内部使用antd Modal时的弹窗拖拽

vue3中defineComponent内部使用antdModal时的弹窗拖拽Vue3defineComponent内部使用antdModal时自定义指令拖拽需要在Modal外层加上一层div来包裹使用否则使用自定义指令是不得行的

caiNiao_j·2023-12-02 10:51

vue3.0 前进刷新后退缓存

app.vue入口import{defineComponent,computed}from"vue";import{useStore}from"vuex";import{_useRouter}from"

jiu木·2023-12-01 08:13

Vue2与Vue3 setup的使用差异与对比

首先说明一下，vue3有多种写法，本文使用setup语法糖，不考虑defineComponent的情况。

飞翔在蓝天下的蜂鸟·2023-11-30 21:26

vue3中的增删改查，全反选

vue3写购物车（1）首先了解一些属于vue3中的知识及写法1.使用import{}from‘vue’获取所有当前页面中所需要的数据或方法如import{ref,reactive,defineComponent

踟蹰·2023-11-28 16:23

vue3中的动态component组件

/child2.vue'import{defineComponent,reactive,ref,shallowRef}fro

俊哥前端工程师·2023-11-28 12:34

vue3如何判断是不是响应式数据

reactive创建的响应式代理·isReadonly:检查一个对象是否是由readonly创建的只读代理·isProxy:检查一个对象是否是由reactive或者readonly方法创建的代理import{defineComponent

俊哥前端工程师·2023-11-28 12:33

vue 3.0 + TS form 表单封装

input封装//components/ValidateInput.vue{{inputRef.message}}import{defineComponent,reactive,PropType,onMounted

学而不化，非学也。·2023-11-28 08:05

Vue3加ts初学第一天

自学vue3_ts-day01vue3的官网：v3.vuejs.org;比较vue3与vue2之间的一些区别，import{defineComponent,ref}from'vue'exportdefaultdefineComponent

dai_mingming·2023-11-25 08:32

标题导航点击导航滑动到指定位置&滑动到指定位置选中对应导航vue3

菜单导航栏点击导航滑动到指定位置&滑动到指定位置选中对应导航效果实现话不多说直接上代码，有用素质三连(点赞、评论、加关注)import{defineComponent,onBeforeUnmount,onMounted

天生欧皇张狗蛋·2023-11-24 16:43

Vue3+TS+ElementPlus报错集锦

6、为props定义类型报错7、在tsx中调用表单验证方法报错8、为defineComponent中的props选项标注类型1、导入TS类型报错（1）报错信息importtype{FormIn

₍•ʚ•₎呀呀·2023-11-24 11:53

el-table 表尾行合并，列合并，统计

后端返回的数据中有统计好的信息效果代码import{defineComponent,ref}from'vue'exportdefaultdefineComponent({name:'ResultRecord

代码改变生活-120·2023-11-24 08:46

Vue3+Scss实现横向树形结构

效果：项目结构：用的Vue-Cli的脚手架，配置使用Vue3+Scss代码:App.vueimport{defineComponent,ref}from"vue";importTreeNodefrom"

夜雨Gecer·2023-11-21 15:41

videojs小组件

import{defineComponent,onMounted,onUnmounted,reactive,ref,toRefs,watch}from'vue';import'video.js/dist

_大龄·2023-11-20 17:21

手写marque，字母滚动

import{defineComponent}from"vue";exportdefaultdefineComponent({name:"marquee"}).marquee{display:inline-block

_大龄·2023-11-20 17:21

vue3.0中的readonly和shallowReadonly

readonly：将包裹的对象变为只读，并且是深度只读readonly与shallowReadonlystate:{{state}}更新数据import{computed,defineComponent

Realistic-er·2023-11-19 18:28

Vue3 — 自定义hook函数

的作用类似于vue2中的mixin技术自定义Hook的优势:很清楚复用功能代码的来源,更清楚易懂需求1:收集用户鼠标点击的页面坐标普通写法：只能在该组件中使用x:{{x}},y:{{y}}import{defineComponent

balance~~·2023-11-19 07:19

Vue3使用setup时使用name属性（自参）

框架里面使用缓存路由时测试是有效的第二种exportdefault{name:'xxx',}第三种exportdefault{name:'xxx',setup(){return{}},}第四种import{defineComponent

Amodoro·2023-11-17 10:37

vue3 父组件获取子组件属性

子组件按照普通组件来写，把要让父组件获取的数据return出去在父组件中一定要把获取的子组件return出去，否则是拿不到的import{defineComponent,ref,}from'vue';exportdefaultdefineComponent

猛男找1·2023-11-16 21:42

vue3 tsx 项目中使用 Antv/G2 实现多线折线图

Antv/G2文档Antv/G2双折线图安装依赖项目中安装antv/g2依赖库：npminstall@antv/g2--save安装成功：项目使用新建文件IndicatorTrend.tsx：import{defineComponent

＊且听风吟·2023-11-16 09:48

jeecgboot-前端组件封装代码示例

这时我们其实可以观察他们代码的写法(个人感觉学习代码的最好的途径就是临摹他人高质量的代码、多看、多写)路径如图：接下来我们会在标注3下实现一个简单的自定义组件代码在这里哦这里是MyInput组件import{defineComponent

奋斗在前端的实习小白·2023-11-15 17:48

vue3中watch的使用方法和注意事项

这里实例平时用到的几种监听1、监听父组件传来的参数props2、监听从父组件传来props里的某一个参数3、监听data的数据4、监听多个参数5、深度监听直接上代码//引入watchimport{defineComponent

青衣浏阳·2023-11-13 18:12

vue+flv.js

视图单画面四画面九画面十二画面-->设备机构名称{{node.label}}记忆收藏夹{{node.label}}添加设备修改收藏夹删除删除添加收藏夹{{sheName(index)}}Ximport{defineComponent

·2023-11-13 04:12

用element-plus+vue3+ts实现搜索下拉框

{{item.displayname}}import{defineComponent,toRefs,reactive,computed,toRef,ref}from'vue';interfaceIdata

益达木咸醇·2023-11-11 19:32

vue3.0二次封装el-table

核心代码:详细代码://子组件{{scope.row.value}}import{defineComponent}from'vue';exportdefaultdefineComponent({props

一只小药锅·2023-11-11 19:16

推荐频道

defineComponent