defineComponent

vue2 使用@vue/composition-api依赖包 编译、打包各种报错

大概一年前）的项目时，遇到个这种问题：项目本身是用vue-cli创建的vue2.x.xx版本的项目，然后引入@vue/composition-api依赖包，在实际开发中使用vue3的语法，如：import{defineComponent
丿Mr_Liu·2023-11-11 13:00

vite+vue3项目报错【Error】

/App.vue”或其相应的类型声明2.1项目根目录下创建文件【env.d.ts】2.2在文件【env.d.ts】编写以下代码declaremodule'*.vue'{importtype{DefineComponent
guinue·2023-11-10 19:21

vue下使用Echarts5绘制基础图表

项目使用Vue3加Echarts5绘制的基本图表，图表自适应浏览器窗口大小先上图，大屏小屏都可完美展示，纯属练手一先上图1.任意缩放窗口的大小2.平板3.电脑4.饼图5.折线图二后上代码import{defineComponent
骆骆爱学习·2023-11-08 18:31

通过vue 实现 ping IP 地址

pingIP测试import{defineComponent,ref}from'vue'exportdefaultdefineComponent({setup(){letipInput=ref("192.168.1.123
322829·2023-11-05 12:34

vue3中defineComponent和＜script setup＞语法糖区别

先贴代码defineComponentimport{defineComponent,reactive,ref,toRefs,}from"vue";exportdefaultdefineComponent
独步炎凉的大彬·2023-11-04 01:26

Vue3 复制 copy 功能实现（vue-clipboard3）

安装vue-clipboard3，附：vue2复制copy功能实现$npminstall--savevue-clipboard3在setup(){}中使用：复制链接import{defineComponent
卡尔特斯·2023-11-03 09:38

百度地图直接用的封装好的--自用vue的(每次项目都要有百度地图,还是搞个封装的差不多的以后可以直接拿来用)

自用的封装好的,有弹窗,轨迹回放,画点画地图完整代码使用百度地图的官方文档百度地图必须的三个引用完整代码轨迹回放importmomentfrom"moment";import{computed,defineComponent
乞丐大王111·2023-11-02 03:59

vue3弹框使用【bpmn.js 使用总结】预览流程图

取消import{defineComponent,ref,reactive,onMounted,watch,watchEffect}from"vue";import{client}from"bettem-micro-utils
qq_Girl200·2023-10-30 06:19

vue3中vue和@vue/runtime-core的区别

2.正确写法import{defineComponent,Ref,ref}from'vue';3.错误写法import{defineComponent,Ref,ref}from'@vue/runtime-core
一天一丢丢·2023-10-28 10:53

Vue通过Element-ui树形控件实现树形表格

npminstallelement-plus--saveElement官网自定义树形控件分析图中控件分布，每个参数都有固定的width，通过width让数值达到对齐的效果代码主要通过renderContent函数来自定义树形控件import{defineComponent
一只小木头.·2023-10-28 10:08

Vue3.3发布了！带你了解一下它的新特性！

阶段但是其带来的一些特性十分激动人心，就在这里简单的给大家带来新特性的前瞻，为以后的升级做做准备泛型组件支持Vue一直以来[1]都是没办法很好的实现泛型组件，终于在3.3版本增加了这一功能首先是面向TSX用户为defineComponent
傲娇的koala·2023-10-28 09:34

vue3响应式对象：ref和reactive

ref()改变信息{{msg}}{{man}}import{defineComponent,ref,Ref}from'vue'exportdefaultdefineComponent({setup(){
沐风三生·2023-10-28 00:25

vue3 优雅的在 jsx 中使用动态组件 component

resolveComponent与h结合使用成功渲染，代码如下：import{defineComponent,
Only Double J·2023-10-27 18:28

使用GLTFLoader加载.glb文件报错：Uncaught SyntaxError:Unexpected token ‘%‘, “%TSD-Heade“... is not valid JSON

import{defineComponent,on
琹箐·2023-10-25 16:43

vue3.0组件数据定义

3.定义组件//从vue中导入定义组件的方法，就是defineComponentimport{defineComponent,reactive}from'vue'//ES6导出模块，defineComponent
哥是八路·2023-10-25 03:06

＜script lang=“ts“ setup＞使用setup语法糖引入组件爆红问题

未使用setup语法糖前注册组件：import{defineComponent,ref,reactive}from"vue";importAddPointsfrom'.
爱酱丶·2023-10-24 13:27

vue3报错-ts识别不了vue文件

解决方案在根目录下，新建or打开【env.d.ts】文件，添加如下代码：///declaremodule'*.vue'{importtype{DefineComponent}from'vue';constvueCompon
up阳光正好·2023-10-24 03:29

wangEditor富文本编辑器在vue3中使用

富文本编辑器使用封装成组件import'@wangeditor/editor/dist/css/style.css';//引入cssimport{onBeforeUnmount,shallowRef,computed,defineComponent
兜小糖的小秃毛·2023-10-22 05:39

手写一个函数式弹窗挂载点

二、代码这段时间正在搞用jsx写vue3，就用jsx写了import{defineComponent,Teleport,ref,computed,provide,}from"vue";import{NButton
放风喽·2023-10-21 02:17

vue3父子传参控制弹出框

父组件传参要用v-modeltipimport{defineComponent,ref,reactive}from"vue";importMinDialogfrom".
LILEILEILOVE·2023-10-21 01:56

vue3+ts制作一个简易的pc便签

App.vueHome|About-->import{defineComponent,onMounted,reactive,watch}from"vue";importFooterfrom".
万事胜意sy·2023-10-19 10:02

来吧，解锁Vue3全家桶+TS的正确姿势

来定义响应式数据使用ref在setup读取的时候需要获取xxx.value,但在template中不需要使用reactive时，可以用toRefs解构导出，在template就可以直接使用了import { defineComponent
程序员黑叔·2023-10-19 10:01

点击弹窗页面右侧缩小问题

display:flex;flex-direction:column;import{reactive,toRefs,defineComponent,onMounted}from"vue";importHeaderWeatherfrom
前端程序媛Ying·2023-10-18 13:06

Vue3：emit(‘update:modelValue‘）

//子组件import{defineComponent,ref,watch}from'vue'exportdefaultdefineComponent({name:'ChildComp',props:{
ahwangzc·2023-10-17 09:42

前端学习---VUE完成电商前端与后端管理系统项目总结与收获

电商网站前台VUE中无语的出错运行vue项目出现UncaughtTypeError:(0,vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent)isnotafunction
昭慕遥遥·2023-10-16 15:30

(vue3-vite-ts) main.js文件中 import App from ‘./App.vue‘ 报错的解决办法

使用vite创建项目后，在src目录下，有一个vite-env.d.ts文件，在这个文件中，添加如下代码：declaremodule"*.vue"{import{DefineComponent}from"vue"constcomponent
一嘴一个橘子·2023-10-15 22:15

vue3.0---父子组件之间传值

father.vue我是father父组件我是子组件传过来的值：{{subTrans}}import{defineComponent,reactive,computed,ref}from'vue'importchildfrom
智慧2021·2023-10-15 18:16

webstorm 新建Vue3+ts模板

File->Settings搜索FileandCodeTemplates点击加号，然后如图所示操作具体代码import{defineComponent}from'vue'exportdefaultdefineComponent
codeMing_·2023-10-14 20:52

antdesign-vue 3.0 二次封装 a-select 支持多个v-model

e.preventDefault()">全选清空import{defineComponent,reactive,toRefs,watch,useAttrs}from'vue';import{Select
web_Hsir·2023-10-14 16:27

vue 3.0 +ant-design / select 二次封装

SelectSearch组件e.preventDefault()">全选清空import{defineComponent,reactive,toRefs}from'vue';import{Select}
web_Hsir·2023-10-14 16:57

vue3使用ant-design的select实现下拉框滚动分页加载

实现下拉框滚动加载远程数据{{item.label}}数据逻辑，未补全的参数请根据需要自行添加，以下代码仅展示关键逻辑import{defineComponent,reactive,ref,watch,
绝对零度HCL·2023-10-14 15:50

ionic+vue+capacitor系列笔记--常用操作代码合集（图片引用，axios跨域配置，去除按钮波纹）

1.单个图片引用htmltsimport{defineComponent}from"vue";exportdefaultdefineComponent({name:"Tab1Page",components
tangdou369098655·2023-10-14 11:44

移动端H5封装一个 ScrollList 横向滚动列表组件

预览组件代码{{menuItem[name]}}import{defineComponent,onMounted,onBeforeUnmount,reactive,ref,toRefs,nextTick
少年的范儿·2023-10-08 05:30

CSS点击切换或隐藏盒子的卷起、展开效果

切换1111import{defineComponent,reactive,toRefs}from'vue'exportdefaultdefineComponent({name:'login-account
前端程序媛Ying·2023-10-08 00:58

Vue3+TS实现自定义input组件的验证功能

其中有一个必不可少的属性就是输入验证，这篇文章教大家如何给自己定义的input组件添加验证，以邮箱输入框为例，大家学会了可以自行拓展创建组件新建一个组件，创建基本代码这里定义的emailReg是邮箱规范验证的正则表达式import{defineComponent
北海的大鱼·2023-10-06 15:34

【vue3】ref获取dom元素，element-plus方法的使用（以走马灯next、prev方法为例）

⚠️注意：如果script写成了如下这种形式（defineComponent），记得一定要将carouselreturn（如下代码），否则会报错。
想不到耶·2023-10-05 12:15

宏在c++项目中的妙用

==#defineCOMPONENT_EVENT(name,func)\private:\std::uniqu
Alex1_Code·2023-10-04 14:52

vue3.0 中的provide和reject使用，$ref,teleport

App.vue插槽打开模态框{{item}}{{item}}{{item}}import{defineComponent,ref,reactive,onMounted,nextTick,Ref,provide
newbie (⊙o⊙)·2023-09-29 10:02

vue3报错：无法找到模块“./xxx.vue”的声明文件

src目录下面vite-env.d.ts文件添加配置；注意：在根目录或src下xxx.d.ts文件都启效果，没有可以创建对应xxx.d.ts文件declaremodule"*.vue"{import{defineComponent
zhou13528482267·2023-09-27 19:17

vue3+element Plus实现表格前端分页

每一处都写了注释，还是很容易看懂的分页-->import{defineComponent,reactive,toRefs}from"vue";exportdefaultdefineComponent({
Xwf1023·2023-09-27 01:57

vue3自定义全局对象调用弹窗组件

reactive赋值失去响应的问题{{comData.comDataTarget.message}}import{defineComponent,reactive,ref,toRefs}from'vue'exportdefaultdefineComponent
lblnew·2023-09-26 09:54

canvas手写签名组件

效果图代码不多直接粘在这里清空确认import{defineComponent,ref,nextTick}from"vue";exportdefaultdefineComponent({name:"environAmbitus
灰太狼大王灬·2023-09-25 18:12

vue3封装element-plus的el-table

封装的el-table公共组件table.vue注意深拷贝用的lodash方法，以及使用了jsx渲染列的标签和事件import{ref,defineComponent,getCurrentInstance
i_am_a_div_日积月累_·2023-09-24 23:03

vue3 封装公共弹窗函数

title：弹窗标题,ContentComponent：弹窗中显示的组件内容,opt：接收弹窗本身的属性和props,beforeSure：点击确定做的操作（请求后端接口））封装的公共函数：import{defineComponent
是小橙鸭丶·2023-09-23 20:07

antd-design-vue Table组件全局配置（分页器...）

如下，就需要挨个修改定义.......思考再三，决定还是封装一个组件import{defineComponent}from'vue';//单独引入（否则OOM！）
耀德北鼻·2023-09-22 06:59

如何在浏览器中导入Excel表格插件

import{defineComponent
2301_77550592·2023-09-21 13:32

css,环形

思路：1.先利用conic-gradient属性画一个圆，然后再叠加效果图import{defineComponent,reactive,toRefs,computed,onMounted}from"vue
闹闹没有闹·2023-09-21 08:02

vue3拖拽demo

pngvue3要安装vue-draggable-nextnpminstallvue-draggable-next--save代码{{item.title}}{{element.label}}import{defineComponent
谢炳南·2023-09-20 01:21

vue3.0中使用ref，并且调用elementPlus里面的tree树形组件里面的getCheckedNodes方法

import{defineComponent,reactive,toRefs,watch,ref,Ref}from'vue';setup(props,{emit}){consttreeRef:Ref=ref
抑制、·2023-09-19 20:00

Vue + TS封装全局分页组件

代码实现Pagination组件上一页{{index}}下一页import{defineComponent}from'vue'exportdefaultdefineCo
三拾老师·2023-09-19 19:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他