defineComponent

vue3 script setup 父组件调用子组件方法

父组件触发子组件方法import{defineComponent,ref}from"vue";importchildfrom"@/components/child.vue";//2.定义与ref同名变量
iz-cn·2023-06-20 20:50

vue3的 script setup 基本使用

子组件向父组件事件传递3.defineExpose组件暴露出自己的属性，在父组件中可以拿到值或函数，父组件用ref接收即可绑定值msg:{{msg}}//因为这里用了script的setup方式就用不到defineComponent
会点php的前端小渣渣·2023-06-20 20:20

vue3 设置定时任务执行

一、具体代码实现import{defineComponent,onMounted,ref,onDeactivated}from'vue';exportdefaultdefineComponent({setup
此处不留情·2023-06-19 17:02

用单元测试读懂 vue3 中的 defineComponen

目录前言：I.测试用例II.一些基础类型定义III.官网文档中的propsV.开发实践VI.全文总结前言：Vue3是一种流行的JavaScript框架，它在组件开发方面提供了更多的表现力和灵活性，通过使用defineComponent
自动化测试码元·2023-06-19 17:31

vue3的api解读 - ref和expose

目录ref引用组件expose暴露方法父子组件交互能力ref引用组件ref是vue的一种reactive值代表的是一个引用例如：引用某个数值、对象......例如：引用某个组件Codingimport{defineComponent
路人i++·2023-06-18 13:09

Vue3+Ts中编写定时器

完整代码：import{defineComponent,reactive,onMounted,}from"vue";exportdefaultdefineComponent({name:"index",
ᥬ 小月亮·2023-06-17 21:53

vue3中tsx的slot插槽在template模板中怎么用

一、tsx中组件的插槽是通过回调函数的形式执行的1、编写一个tsx组件import{defineComponent,ref,onMounted}from"vue";import"..
jsBugYao·2023-06-17 21:02

webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations

ts只能解析.ts文件，无法解析.vue文件解决方法很简单，一开始的时候env.d.ts是空文件，我们可以在项目的env.d.ts中引入如下代码：declaremodule'*.vue'{import{DefineComponent
程序员小白Aven·2023-06-16 06:50

可拖动的时间轴(vue3+ts使用element-plus的Slider滑块封装)

HTML代码如下：封装组件，后端传递开始时间和结束时间，前端算出中间相差多少天图一效果：后端只传了一个开始时间和结束时间import{computed,defineComponent,reactive,
₍•ʚ•₎呀呀·2023-06-14 14:47

JSON数据美化，js代码美化

美化前（都挤在一行）image.png以下为vue3tsx写法import{defineComponent,watch}from'vue';exportdefaultdefineComponent({props
初心不改_0055·2023-06-14 06:37

Vue3和Vue2有什么区别？

我们来看几个代码例子：首先是安装Vue3和Vue2：npminstallvue@nextnpminstallvue在Vue3中，如果你想注册一个组件，你可以这样做：import{defineComponent
2301_77795034·2023-06-14 04:42

Echarts 用散点图绘制一个圆

index.vueimport{ref,reactive,watch,watchEffect,computed,getCurrentInstance,nextTick,defineComponent,toRefs
博客zhu虎康·2023-06-13 20:09

vue3-全局变量的使用

在页面中使用全局变量方法1（使用getCurrentInstance的appContext）：{{way1}}方法2（从getCurrentInstance结构出proxy）：{{way2}}import{defineComponent
·2023-06-13 18:36

vue3-全局变量的使用

在页面中使用全局变量方法1（使用getCurrentInstance的appContext）：{{way1}}方法2（从getCurrentInstance结构出proxy）：{{way2}}import{defineComponent
·2023-06-13 16:49

element-plus 表头动态配置

配置表头组件配置表头配置表头{{item.name}}import{dynamicHeader}from'@/pages/chargingOrder/data/dataHeader'import{defineComponent
一号聪明·2023-06-13 12:11

使用canvas图片裁剪

title:'裁剪图片'}}预览保存import{defineComponent,onUnmounted,reactive,toRefs,watch}from'vue';exportdefaultdefineComponent
略略大魔王丶·2023-06-10 08:06

vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function

在写vue项目时使用了，vue-router插件，但是运行之后报错vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction，并且页面没有任何内容显示
小源同学r·2023-06-09 20:24

vue3中使用jsx创建一个树形数据结构

在vue3脚手架中默认支持jsx写法，所以直接创建一个tree.jsx文件import{reactive,ref,watch,onMounted,inject,computed,defineComponent
qq_43561241·2023-06-09 14:09

setup语法糖和原来写法的比较

之前的代码：//defineComponent()是为了给里面的对象添加类型，服务于TS而存在的exportdefaultdefineComponent({//选项式写法name:"HelloWorld
Stupid小池·2023-06-09 05:43

vue3基本使用&setup script语法糖&vue3中如何实现sync修饰符功能&`defineEmits` is a compiler macro and no longer needs to

——琼斯一、基本使用1.vue3.x组件开发のsetup和defineComponent1.1defineComponent-需要导入再使用。
前端小菜K·2023-06-08 12:06

vue3的api解读-computed

/src/examples/ComputedExamplese.tsximport{ref,defineComponent,computed}from'vue'functionreverse(st
路人i++·2023-06-08 02:33

实现一个基于 Vite、Vue 3 和 Element Plus 的表格组件

import{defineComponent}fr
三拾老师·2023-04-21 14:32

虚拟滚动-数组平级数据结构

虚拟滚动平级数据结构import{onMounted,defineComponent,ref,computed,watch,toRefs}from'vue'constIndex=defineComponent
有一个程序媛·2023-04-18 03:23

vue3中tsx语法一些了解

首先直接创建tsx文件引入函数import{defineComponent,ref}from'vue'直接使用组件函数的写法exportdefaultdefineComponent({//context
上帝喜欢糖·2023-04-18 00:52

vue3 无缝滚动 seamless-scroll

npminstallseamscroll--saveSeamlessScroll.vue:可以直接拷贝import{defineComponent,onMounted,
简默丶XS·2023-04-17 22:02

Vue3+Typescript+Vitest单元测试环境+组件事件测试篇

上一节我们学会了组件测试的基础测试部分组件测试基础篇，这一节，我们学习一下深入测试组件的事件在component中增加一个新的组件,名字就叫做Zmbutton2吧import{defineComponent
廖子默·2023-04-17 15:29

Element Plus-开始时间不能晚于结束时间，包含时间的判断

一、先总结整体-两个时间选择器进行联动：1.封装子组件data_picker.vueimport{defineComponent,ref,reactive,watch}from'vue'exportdefaultdefineComponent
BMG-Princess·2023-04-16 06:12

vue3 Element-UI封装实现TreeSelect 树形下拉选择组件

```import{defineComponent,ref,onMounted}from"vue";exportdefaultdefineComponent({name:"mySelect",props
伯约同学·2023-04-15 14:36

Vue 3中依赖注入与组件定义相关的那点事儿

主要内容本次分享，我们主要涉及以下内容：provide()&inject()-依赖注入nextTick()-下一个DOM更新周期后组件定义defineComponent()-组件定义类型推导辅助函数defineAsyncComponent
前端荣耀·2023-04-12 15:46

vue3+elemeng-plus表单校验及resetFields使用

vue3+element-plus表单验证与登录QueryResetimport{defineComponent,ref,unref}from'vue'import{userlogin}from'..
原莱_·2023-04-11 23:28

vue3.x全局toast、message、loading组件

components下创建toast文件夹，并依此创建index.vue和index.js1、index.vue一般toast会有如下功能：背景色、字体颜色、文本、停留时间{{value}}import{defineComponent
落花见流水·2023-04-11 17:45

vue3.0入坑指南

定义组件import{defineComponent}from'vue'exportdefaultdefineComponent({name:'',props:{},components:{},//所有定义的数据
团猫咪爱吃玉米·2023-04-07 03:30

vue3---getCurrentInstance

方式一、通过getCurrentInstance方法获取当前组件实例，从而获取route和routerimport{defineComponent,getCurrentInstance}from'vue'exportdefaultdefineComponent
折桂怀橘·2023-04-06 16:30

自定义Dialog弹窗

自定义Dialog弹窗dialog组件{{title}}-->内容取消确定import{computed,defineComponent,reactive,Ref,toRefs}from"vue";import
兜小糖的小秃毛·2023-04-05 17:46

Vue3组合式 API之生命周期钩子

官方说明注意：需import{生命周期钩子名,生命周期钩子名}from'vue'再使用那么开始吧import{defineComponent,getCurrentInstance,ref,reactive
米柆·2023-04-05 13:12

Vue3 使用 jsx

使用.jsx格式文件和defineComponent引用自定义组件，传递属性基本使用child.jsx组件的配置demo.jsxsetup函数父组件引用importdemofrom'.
沿着路走到底·2023-04-05 04:04

codemirror 提示方法自定义及方法参数添加背景色

import{defineComponent,reactive,toRefs,ref,computed}from'vue';importsrCodemirrorfrom'@/components/sr-codemirror
xujing_06·2023-04-04 03:29

VScode 一步创建 Vue 组件模板

用户片段-->输入vue.json建立以此命名的文件修改其中代码{"Printtoconsole":{"prefix":"vue","body":["","","","","","","import{defineComponent
刘惜雨·2023-04-02 13:48

vue3模板

import{defineComponent,reactive,toRefs,SetupContext}from'vue'interfaceData{}exportdefaultdefineComponent
坚持抗战的男子会胜利·2023-04-02 12:12

找不到模块“xxx.vue”或其相应的类型声明。ts

在项目根目录下新建.d.ts文件并写入declaremodule'*.vue'{import{DefineComponent}from'vue';constComponent:DefineComponent
loriby·2023-04-01 16:42

vue自定义组件-下拉框

学习目标：自定义下拉框树结构组件学习内容：代码如下{{node.label}}（{{data.children.length}}）import{defineComponent,reactive,ref,
slowly_jin·2023-03-31 00:59

vue3 element-plus 图片预览二次封装 全局函数式调用

由于官方没有提供全局使用的图片预览方法，所以进行一下封装方便使用//MyImageViewer.vueimport{defineComponent,ref,reactive}from'vue'import
最好平安·2023-03-30 19:54

vue3 + TS + Ant Design Vue table表格树结构自定义图标

htmltsimport{defineComponent,ref}from"vue";import{columns,data}from".
weixin_45184807·2023-03-28 14:32

Ant Design vue 组件 button自定义

封装AntDesignvue组件button按钮自定义颜色，大小等效果图如下：在component文件中新建一个组件代码如下：import{defineComponent,ref,watch}from'vue'exportdefaultdefineComponent
夜空孤狼啸·2023-03-28 14:52

在vue中使用自定义元素

这个方法接收的参数和defineComponent完全相同。但它会返回一个继承自HTMLElement的自定义元
如果俞天阳会飞·2023-03-25 12:03

ts解决依赖引入报错：无法找到模块“xxxxxx”的声明文件的报错问题

declaremodule"*.vue"{import{DefineComponent}from"vue";constcomponent:DefineC
DCdoes·2023-03-24 18:00

IntersectionObserver API 创建图片懒加载(实战)

一、效果图二、代码import{defineComponent,reactive,ref,toRefs}from'vue';exportdefaultdefineComponent({name:'KhImgLazy
Kinghiee·2023-03-24 00:40

vue3 语法糖setup使用keep-alive注意事项

import{ref}from'vue'constcount=ref(0)不使用setup语法糖,定义组件TestCom1//TestCom1这是TestCom1组件+{{count}}-import{defineComponent
前端_小白·2023-03-17 21:37

vue3.0响应式api使用1

要使用vue3.0新的api必须要导入脚手架导入//在需要使用的vue文件中按需导入，也可在main之中全局导入import{defineComponent,reactive,ref,toRefs,toRef
cv攻城狮·2023-03-17 21:36

【vue3】获取当前页面路由的四种方法

第一种import{defineComponent,ref}from'vue';import{useRouter}from'vue-router';console.log('router',router.currentRoute.value.fullpath
前端阿彬·2023-03-15 06:14
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他