Vue.component

说说在 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

vue知识-05

聊天室案例(django接口)#chat.hetm聊天室打开/关闭聊天室Vue.component('Child',{template:`聊天室来咯{{item.name}}说：{{item.content

糖果爱上我·2024-01-15 11:05

Vue3 知识点总结

.*/);Vue.component(/*...*/);Vue.directive(/*...*/);//vue3app.use(/

丶清风不问烟雨·2024-01-15 05:09

ref属性（组件间通信），动态组件，插槽

$refs['aa']i.value='美女'}}})2ref属性放在组件上Title点我Vue.component('chi

N10N11·2024-01-14 18:27

一篇文章弄懂vue.js中的组件

组件的使用方法1.全局注册Vue.component('my-component',{template:'我是组件的内容'})优点：所有的nue实例都可以用缺点：权限太大，容错率降低2.局部注册varapp

土豆片片·2024-01-14 01:28

vue-echarts踩坑，本地开发可以渲染echarts图表，线上环境图表渲染不出来

main.js全局注册v-chart组件importVueEChartsfrom"vue-echarts";Vue.component("v-chart",VueECharts);在页面中使用如上图，我开始写的静态数据

jieyucx·2024-01-13 01:05

Vue（9）--v-model的深入理解 & sync修饰符 & 具名插槽 & 作用域插槽 & 混入

的深入理解v-model:就是v-on:和v-bind:的简写姓名：{{name}}年龄：{{age}}{{yf.label}}--{{yf.count}}{{kz.label}}--{{kz.count}}Vue.component

温木·2024-01-12 13:33

Vue 组件抽离写法

组件抽取模板一、通过Script标签抽取出来模板我是标题1我是内容1我是内容1注册模板Vue.component('cpn',{template:'#cpn'})二、通过template标签方式抽离末班我是标题

GaoEnron·2024-01-12 09:50

vue组件嵌套（初学者超简单，一看就懂）

template:`组件的内容（html标签+插值语法）`，data(){//必须写为data(){}函数方法格式组件内容中插值语法的数据}})//第二步：注册组件（分为局部注册和全局注册两种）全局注册：Vue.component

czy陈泽宇·2024-01-12 07:11

Vue——动态组件、插槽

$refs.mychild.text）通过这种方式实现父传子（调用子组件方法传参数）子传父点我//创建1个组件对象（全局组件/子组件）Vue.component('global',{tem

-wellplayed-·2024-01-11 16:52

推荐频道