defineComponent

vue3 setup语法糖（部分总结）

import{defineComponent,ref}from'vue';importChildfrom'.
木子石@·2022-03-24 00:05

Vue3_tiny富文本编辑器的使用

/indexT'exportdefaultindexTTs//tsimport{defineComponent,ref
是发财不是旺财·2022-03-16 09:55

vue3.0 + vite + ts + antd model二次封装

/components/myModal.vue'import{defineComponent,ref,reactive,toRefs}from'vue';exportdefaultdefineComponent
1994陈·2022-03-10 10:49

vue3实现抽奖模板设置

              {{item.id}}-{{item.title}}                              {{item.title}}               import{defineComponent
·2022-03-09 15:17

Vue 3.0 UI 库 Naive 的使用

Naive直接引入的使用1.常规引入naive-uiimport{defineComponent}from'vue'import{NButton}from'naive-ui'exportdefaultdefineComponent
·2022-02-19 22:22

typescript学习资料

import{defineComponent}from"vue";exportdefaultdefineComponent({mounted(){this.baseType();//11种基础类型定义this.interfaceDemo
·2022-02-16 16:54

Vue3 Composition API: 对比ref和reactive

reactiveVue2回顾首先回顾一下在Vue2中我们是如何创建一个响应式数据(reactivedata)的：{{title}}✌//在lang="ts"的环境下，要在vue3中使用vue2的API，需要使用defineComponent
Bachelor_a4ee·2022-02-16 06:23

精读《vue-lit 源码》

概述import{defineComponent,reactive,html,onMounted,onUpdated,onUnmounted}from'https://unpkg.com/@vue/lit'defineCompone
·2022-02-15 10:08

精读《vue-lit 源码》

概述import{defineComponent,reactive,html,onMounted,onUpdated,onUnmounted}from'https://unpkg.com/@vue/lit'defineCompone
·2022-02-14 09:13

vue3获取当前路由地址

正解使用useRouter://router的path:"/user/:uid"useruid:{{uid}}import{defineComponent}from"vue";import{useRouter
·2022-02-04 15:16

详解vue+nodejs获取多个表数据的方法

目录效果前端实现后端实现总结读取两个表的数据将用户及图像联系在一起效果前端实现修改关联的时候，前端向后端传入array[number]，后端存为字符串这时在前端获取数据时，需要循环处理为数字数组{{option.key}}-{{option.label}}提交import{defineComponent
·2021-12-20 19:08

vue3.0+antd实现table内容超出自动tooltip

Tooltip实现{{content}}{{contentText}}import{defineComponent,ref}from"vue";exportdefaultdefineComponent(
·2021-12-07 18:49

vue3和ts的使用

import{defineComponent,ref}from"vue";exportdefaultdefineComponent({name:"App",setup(){constgirls=ref(
Biao_349d·2021-11-14 14:21

vue3 Element-UI封装实现TreeSelect 支持搜索功能

前些天实现了一个树结构的下拉组件，可最近又让我支持下拉搜索功能，查了一圈没有找到合适的，只好今天自己写了一下，凑合能用吧，支持搜索功能了最起码，可有些参数还是要配置的```import{defineComponent
伯约同学·2021-11-11 23:19

vue3 Element-UI封装实现TreeSelect 支持搜索功能

前些天实现了一个树结构的下拉组件，可最近又让我支持下拉搜索功能，查了一圈没有找到合适的，只好今天自己写了一下，凑合能用吧，支持搜索功能了最起码，可有些参数还是要配置的import{defineComponent
·2021-11-02 22:14

vue3开发学习笔记（持续补充中...)

没法用this),属性，方法，生命周期钩子函数都写在这里面，要想在模版中使用setup中定义的属性或方法，记得要return出去另外，在setup中使用vue的api或者一些函数时，要先引入import{defineComponent
Bwcx_lzp·2021-10-26 23:56

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

import{defineComponent,ref}from"vue";exportdefaultdefineComponent({name:"mySelect",props:{disabled:{type
·2021-10-26 22:50

vue3使用echarts5封装组件,无法显示

4.废话不多说,直接上代码://曲线组件import{defineComponent,reactive,onMounted}from"vue";import*asechartsfrom"echarts"
·2021-10-08 15:47

vue实现卡片翻转轮播展示

vue卡片翻转轮播展示，同时在翻转时切换数据，供大家参考，具体内容如下效果及代码代码：0||list2.length>0">import{defineComponent,inject,onMounted
·2021-08-24 13:49

浅谈Vue3 defineComponent有什么作用

目录defineComponent重载函数开发实践defineComponent函数，只是对setup函数进行封装，返回options的对象；exportfunctiondefineComponent(
·2021-08-14 22:03

vue3+ts 自定义hooks操作,在页面上获取x,y轴坐标

要把Typescript选择上选择3.x撸代码：HelloWorld.vue路径：src/components/HelloWorld.vue自定义hook操作x:{{x}}，y:{{y}}import{defineComponent
前端酱紫·2021-08-04 17:02

vue3教程

constapp=createApp(Component);app.mount('#root');defineComponent创建组件import{defineComponent,ref}from'vue
WangLizhi·2021-06-10 10:50

使用vue3+vite+typescript编写一个网易云首页轮播插件

element-plus库源码的编写思路，最后用render函数的形式完成了这个组件，今天分享给大家效果图如下具体实现过程创建项目的过程忽略了，想要了解的稍后我放出git地址编写Swiper组件import{defineComponent
廖子默·2021-05-28 16:29

Vue3 学习笔记 —— 响应式数据的判断

reactive创建的响应式代理isReadonly判断一个对象是否是由readonly创建的只读代理isProxy判断一个对象是否是由reactive或readonly创建的代理测试代码：import{defineComponent
tanleiDD·2021-05-06 19:10

Vue3 学习笔记 —— customRef

customRef自定义ref，可以控制数据的追踪跟触发更新测试代码：state:{{state}}import{defineComponent,customRef}from'vue';functionuseDebounceRef
tanleiDD·2021-05-06 18:03

Vue3 学习笔记 —— toRef 跟 ref 的区别

toRef返回一个对象属性的Ref对象，该Ref对象的value跟原对象属性的值相耦合ref将一个数据包装成Ref对象，该Ref对象的value与原数据没有关联示例：改变import{defineComponent
tanleiDD·2021-05-06 17:16

使用Vue3实现一个Upload组件的示例代码

上传文件所需APIdragOver文件拖拽到区域时触发dragLeave文件离开拖动区域drop文件移动到有效目标时首先实现一个最基本的上传流程：基本上传流程，点击按钮选择，完成上传代码如下：import{defineComponent
·2021-05-06 11:18

Vue3 学习笔记 —— shallowReactive 和 shallowRef

但只有外层属性变化shallowRef只处理了value的响应式，不进行对象的reactive处理，适用于会被替换的数据示例：m1:{{m1}}m2:{{m2}}m3:{{m3}}m4:{{m4}}改变import{defineComponent
tanleiDD·2021-05-05 21:19

Vue3 - reactive的基本使用

constxx=reactive(yy)xx是代理对象，yy是目标对象{{xm.name}}{{xm.age}}{{xm.sex}}{{xm.wife}}更新数据import{defineComponent
非著名奶茶爱好者·2021-04-26 21:53

Vue---滚动时加载(懒加载)数据插件better-scroll

安装better-scrollnpminstallbetter-scroll--save页面导入并使用{{item.name}}import{defineComponent,ref,onMounted}
猎码士·2021-04-10 18:51

WebStorm无法正确识别Vue3组合式API的解决方案

1问题描述Vue3的组合式API无法在WebStorm中正确识别，表现为defineComponent等无法被识别：2尝试方案猜想这种问题的原因是无法正确识别对应的Vue3库，笔者相信WebStorm是可以做到的
·2021-02-18 11:23

解决WebStorm无法正确识别Vue3组合式API的问题

1问题描述Vue3的组合式API无法在WebStorm中正确识别，表现为defineComponent等无法被识别：2尝试方案猜想这种问题的原因是无法正确识别对应的Vue3库，笔者相信WebStorm是可以做到的
·2021-02-17 17:34

基于vue3 + element-ui 的验证码发送组件

{{getButtonTxt()}}import{ElMessage}from'element-plus'import{defineComponent,reactive,ref,toRefs,watch
其家肆·2021-02-08 15:52

vue3中v-model的双向数据绑定

/components/two.vue'import{reactive,defineComponent}from'vue'exportdefault
小燕子丫丫·2021-01-26 16:37

Vue3 新特性 —— Suspense 异步组件

官方文档异步组件|Vue3中文文档动态组件&异步组件|Vue3中文文档使用方法一：与插槽配合1.写一个异步组件defineComponent包裹要导出的实例对象能获取到更多提示。
Lia代码猪崽·2021-01-14 14:51

vue3引路

vue3出来几个月了，项目上也已经分别成功使用了defineComponent及class两种模式踩坑，且已上线，空了来整理下大概的变化以及一些心得.因为已经成功踩坑，应该相对比较全面.下面来说vue3.0
WWE_Platform·2021-01-13 20:49

vue3+typeScript 多选标签(每周一个小组件)

效果展示预览地址github地址开发过程其实，只要思路对了，实现这个标签多选功能非常简单，下面看代码结构html部分{{vo.name}}ts部分import{defineComponent,reactiv
谦卑沉程·2020-12-29 20:22

vue3+typeScript 多选标签(每周一个小组件)

效果展示预览地址github地址开发过程其实，只要思路对了，实现这个标签多选功能非常简单，下面看代码结构html部分{{vo.name}}ts部分import{defineComponent,reactiv
谦卑沉程·2020-12-29 20:05

element-ui element-plus image - 分析

源代码地址-iamge源代码地址-iamge-viewerversion:element-plus1.0.1-beta.0image{{t('el.image.error')}}import{defineComponent
huxianc·2020-12-22 17:25

在vue中使用inheritAttrs实现组件的扩展性介绍

1、首先我们创建一个input组件import{defineComponent}from'vue'exportdefaultdefineComponent({inheritAttrs:false,//不希望根直接继承特性
·2020-12-10 04:28

vue3 reactive 实现响应式

add{{data.x}}--{{data.y}}import{defineComponent}from'vue';importHelloWorldfrom'.
爱生活，爱编程·2020-12-01 09:28

vue3.x 之 reactive

{{count.value}}Addimport{defineComponent,reactive}from'vue';exportdefaultdefineComponent({name:'VueTest
it_dog_zhang·2020-10-14 20:40

设计模式-组合模式

//component.h#ifndefCOMPONENT_H#defineCOMPONENT_H#includeclassComponent{public:Component(std::stringstrName
IamDead·2020-07-06 10:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他