Vue.component

uniapp自定义全局弹窗组件

/components/global-popup.vue'Vue.component('global-popup',globalModal)//在需要的页面引用组件this.
LuWiHa·2025-07-12 08:50

UniApp转微信小程序之全局组件

/components/index.vue'Vue.component("GlobalComponent",GlobalComponent)//方法二使用easycom/
晚り烟·2025-06-13 18:07

Vue组件学习

这里的注册的全局组件是：这里的tagName意思是定义的组件的名称，命名的方式是：字母全部都是小写的形式，而且包含一个“-”的符号options是放进去的组件的选项对象，这里的组件是可以复用的对象Vue.component
在代码的海洋中寻找亚特兰蒂斯·2025-06-04 12:29

Vue.js案例实战——设计照片相册

Vue.component('vue-gallery',{props:['photos'],data:function(
小雨滴ya·2025-05-24 10:10

Vue中两个让你幸福感爆棚的组件导入小技巧之require.context

前言小伙伴们大家好，在上一篇文章Vue中两个让你幸福感爆棚的组件导入小技巧之循环代替CtrlC/V（独家总结）中我们已经学习了一个注册全局组件的小技巧，使得我们在注册大量全局组件时不再被Vue.use或Vue.component
一笑程序猴·2025-05-14 00:27

Vue3前端开发：组件化设计与状态管理

组件化设计具有以下特点：组件示例组件选项在上面的代码示例中，我们通过Vue.component方法注册了一个名为my-component的组件，这是
caihuayuan4·2025-03-23 15:02

Vue.Js 是一个渐进式的 JavaScript 框架，专为构建用户界面而生，尤其擅长打造单页应用（SPA）。其核心设计理念在于组件化，即将用户界面拆解为独立且可复用的组件单元。以下是 Vue.Js

```javascript//定义一个全局组件Vue.component('my-component',{template:'这是一个全局组件'});//创建Vue实例newVue({el:'#app'
一一代码·2025-03-13 07:48

第9章 组件系统设计原理

9.1组件注册机制9.1.1全局组件注册流程//全局组件注册源码核心Vue.options.components=Object.create(null)Vue.component=function(id
道不尽世间的沧桑·2025-02-24 11:57

Vue 2.0-＞3.0学习笔记（Vue 3 （六）- 其他）

//注册全局组件Vue.component('MyButton',{data:()=>({count:0}),template:'Clicked{{count}}times.'})
普宁Max·2025-02-23 01:52

说说在 Vue.js 中如何实现组件间通信

html：js：Vue.component('deniro-component',{props:['message'],template:'{{message}}'});varapp=newVue({el
deniro·2024-09-15 17:16

Vue组件学习

Vue.component('my-component',{template:'全局组件';});varap
yancolin·2024-09-15 13:37

Vue2和vue3有哪些区别？

1.语法差异1.Vue2中，一个组件需要使用Vue.component方法进行注册，并使用exportdefault导出组件对象。
IT 前端 张·2024-09-13 02:36

Vue组件父子传值

全局组件我是程序员我是程序员/*模板的第一种写法*/Vue.component('child1',{template:`我是child1`})Vue.component('childA',{template
冲锋敢死曾小贤·2024-09-09 01:13

使用Vue组件的watch监听-简单计算器

Vue组件的初探一、浅析这里做了一个全局的组件vue.component('mycomp',{})在中写组件，将id=comp1script中直接template:"#copm1"其他的部分就是之前所讲的
编程初学者01·2024-09-06 22:41

VUE纯前端导出excel表格功能

1.安装依赖npminstallvue-json-excel2.引入组件全局引入importVuefrom'vue'importJsonExcelfrom'vue-json-excel'Vue.component
KAGHQ·2024-09-03 17:53

组件的嵌套（父给子传 用属性prop）

Vue.component("my-father",{template:``,data:function(){return{list:["apple","banana","pear"],title:"水果列表
SuperHong521·2024-09-02 20:09

VueRouter源码（三）--RouterView， RouterLink

注册为vue组件RouterView和RouterLink组件在install方法中注册成了Vue的组件functioninstall(Vue){...Vue.component('RouterView
haoyanyu_·2024-08-31 22:58

lottie在前端引用

以在vue中使用为例一、下载lottienpmivue-lottie-S二、在main.js中引入vue-lottieimportlottiefrom'vue-lottie'Vue.component(
一个萌新小土豆·2024-08-28 09:27

VChart 组件基本使用

importVChartfrom'vue-echarts'exportdefault{components:{VChart},全局引入,在main.js中操作importVuefrom'vue'import{VChart}from'vue-echarts'Vue.component
不会秃头的Tzr·2024-03-11 08:06

vue 自定义组件

目录使用组件的好处定义组件全局组件局部组件总结使用组件的好处可复用易维护可封装,易使用在大型项目中可以降低组件之间的复用性定义组件在项目src中的components文件夹中新建vue文件用于定义组件全局组件全局组件在main.js中直接使用Vue.component
blockchain beginner·2024-02-20 18:14

前端导出excel表格

1.vue-json-excel安装依赖npminstallvue-json-excel在main.js文件全局引入importJsonExcelfrom"vue-json-excel";Vue.component
Sk8？？？·2024-02-20 12:16

Vue 2.0 + 结合elemnt ui 实现 列表导出

1.安装插件：npminstallvue-json-excel2.min.js中引入使用：importJsonExcelfrom'vue-json-excel'Vue.component('downloadExcel
龙猫小哥·2024-02-15 01:37

【Vue】组件通信（父传子 props）

本节讲的是：父传子父传子的过程中，用到的关键词是：props过程如下HTML代码{{message}}JS代码/*子组件*/Vue.component('child',
德育处主任·2024-02-14 19:54

2020-02-14

Vue.extend来创建全局Vue组件varcom1=Vue.extend({template:'这是使用Vue.extend创建的组件'//通过template属性，指定组件要展示的html结构})//1.2使用Vue.component
我是萌哒哒小羊·2024-02-13 23:30

vue 组件高级

组件的命名在组件命名的时候如果是kebab-case使用的时候也应该是kebab-case如果是驼峰命名使用的时候既可以驼峰方式又可以hebab-case方式或者组件的全局注册Vue.component
尼莫nemo·2024-02-11 16:37

Vue2 创建组件库——（二）编写组件

/src/Card.vue'//为组件提供install安装方法，供按需引入Card.install=function(Vue){Vue.component(Card.name,Card);}exportdefaultCardpackages
G.X.Y~苏·2024-02-09 06:37

vue封装一个简单的modal对话框

/components/Modal'Vue.component('lx-modal',Modal)3、在app.vue中使用组件通过外层的div控制组件的显示隐藏4、编写Modal的代码逻辑{{title
阿湘zs·2024-02-08 19:14

vue.js2.0父组件监听子组件和调用子组件中的方法

概述vue.js2.0父组件点击触发子组件方法父组件监听子组件{{total}}Vue.component('button-counter',{template:'{{counter}}',data:function
shenzhen_zsw·2024-02-08 15:14

vue 父元素点击不触发子组件_详解vue.js2.0父组件点击触发子组件方法

之前关于vue.js2.0父组件的一点学习，最近需要回顾，就顺便发到随笔上了{{total}}Vue.component('button-counter',{template:'{{counter}}'
编程小族管·2024-02-08 15:14

vue 基础组件

通过prop组件传值父传子Vue.component('blog-post',{props:['title'],template:'{{title}}'})在富组件中通过自定一的一个属性然后
尼莫nemo·2024-02-06 22:53

vue 实例化几种方式_vue注册组件的几种方式总结

vue注册组件的几种方式总结1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册varChild={template:'Acustomcomponent
陈橙橙先生·2024-02-06 18:43

vue中动画封装

:opacity3s;}/*//隐藏动画过度*/.v-leave-to{opacity:0;}.v-leave-active{transition:opacity3s;}-->helloworld切换Vue.component
程序员同行者·2024-02-04 17:28

13.2，不同组件之间的切换

实现标签页的切换（组件的切换）方式一使用v-if和v-else登录注册Vue.component('login',{template:'登录界面'})Vue.component('register',{
coderymy·2024-02-04 12:57

Vue2组件注册：全局组件和局部组件

/YourComponent.vue'//全局注册组件Vue.component(
凡大来啦·2024-02-02 04:29

【vue】vue跑马灯vue-marquee-text-component

1.2.0vue3npminstallvue-marquee-text-component安装完成之后，vue页面全局引入importVuefrom'vue'importMarqueeTextfrom'vue-marquee-text-component'Vue.component
小墨鱼_z·2024-02-01 18:15

uniapp使用Mescroll（上拉加载下拉刷新）

importMescrollBodyfrom"mescroll-uni/mescroll-body.vue"importMescrollUnifrom"mescroll-uni/mescroll-uni.vue"Vue.component
_小郑有点困了·2024-01-31 17:31

非父子组件的传值问题

1、Bus/总线/发布订阅模式/观察者模式的方法；2、Vuex方法；非父子组件间传值(Bus/总线/发布订阅模式/观察者模式)Vue.prototype.bus=newVue()Vue.component
puxiaotaoc·2024-01-30 04:26

vue（vue2）使用svg格式图标

新建icons文件，svg文件夹放svg后缀文件index.js文件中的配置importVuefrom"vue"importsvgIconfrom"@/common/iconSvg/index.vue"Vue.component
三七_z·2024-01-27 01:43

vue 渲染函数&jsx

jsxreact模板渲染语法Vue.component('anchored-heading',{render:function(createElement){returncreateElement('h
尼莫nemo·2024-01-26 17:50

Vue组件化

一、组件注册使用组件使用步骤（全局组件）①创建组件构造器//构造组件方式一constcpn=Vue.extend({template:`注册的组件`})②注册组件Vue.component('mycpn
shaoyf·2024-01-26 13:53

vue 封装element文件上传组件（带进度条）

components/FileUpload/index.vue使用时在main.js里全局引入//文件上传组件importFileUploadfrom"@/components/FileUpload"//全局组件挂载Vue.component
烟雨冢·2024-01-26 13:29

Vue一次性简洁明了引入所有公共组件

同一个组件不同的方式用需要重复导入挂载,就显得冗余这里是通过require.context的一种便捷操作实例文件结构component/modal里存放的是我们定义的公共DOM组件//导入Vue,需要使用Vue.component
w13707470416·2024-01-23 22:13

Vue--组件初始化、父子组件传值、插槽

3、组件是可复用的Vue实例，封装标签、样式和JS代码二、Vue组件基础使用HTML文件中（全局组件）1、注册语法Vue.component('组件名称',{data:
小狮同学·2024-01-23 12:06

vue中的插槽

一、插槽的作用Vue中的插槽111222这是默认信息Vue.component('mycard',{template:'#infoCard'});newVue({el:'#app'});显示结果：可以看出
dawn·2024-01-22 05:41

Vue-30、Vue.Component

Vue.componentVue.config.productionTip=false;//第一步创建school组件constschool=Vue.extend({//el:'#root'//一定不要写el配置项，因为最终所有的组件都要被一个vm管理，由vm决定服务于那个容器。template:`学校名称：{{schoolName}}学校地址：{{address}}`,data(){return
一叶飘零晋·2024-01-21 01:52

element——弹窗

在组件中使用弹窗打开弹窗//定义组件Vue.component('test',{template:``,props:{//visible父组件传给子组件的值，控制是否显示弹窗visible:{type:
无知的小菜鸡·2024-01-20 13:18

Vue高级

插槽-Slot默认插槽：子组件用来slot标签确定渲染的位置，标签内可以正常写dom结构，当时父组件没有往插槽中插入内容时默认展示slot标签内的内容Vue.component('button-counter
未几拂荆扉·2024-01-19 21:30

vue v-distpicker省市区三级联动（几级可以设置）

https://distpicker.pigjian.com/安装npminstallv-distpicker--save注册全局组件importVDistpickerfrom'v-distpicker'Vue.component
w_小伍·2024-01-19 04:31

vue 渲染函数 & JSX

渲染函数render通过渲染函数渲染组件Vue.component('myComponent',{render(h){//createElementreturnh('div',//HTMLtag、自定义组件
wdapp·2024-01-19 03:56

Vue初学教程之组件数据传递

我们可以在一个通过newVue创建的Vue根实例中，把这个组件作为自定义元素来使用//定义一个名为button-counter的新组件Vue.component('button-counter',{data
兰觅·2024-01-15 19:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他