Vue.component

Vue组件之间的通信

1、组件：是vue的重要的特征之一，可以扩展html的功能，也可以封装代码实现重复使用2、组件的创建（1）非脚手架方式创建：1️⃣使用vue.extend创建组件2️⃣使用vue.component注册组件
秃头小宋s·2023-01-05 12:06

vue 注册全局组件

于是就自我怀疑一番在网上查找全局注册的方法，很多答案也是说使用Vue.use,最终看到了一个指令Vue.component(
不负好时光_9c46·2022-12-28 17:27

Vue中 Vue.extend() 详解及使用

Vue.extend属于Vue的全局API，在实际业务开发中我们很少使用，因为相比常用的Vue.component写法使用extend步骤要更加繁琐一些。
前端 贾公子·2022-12-24 16:35

Vue之组件注册

目录组件注册组件名全局注册局部注册模块系统组件注册组件名组件名的命名方式有两种，一是帕斯卡拼写法，而是采用形如name-name（短横线分隔命名法）//短横线分割法vue.component('my-component-name
爱吃西瓜的小颜·2022-12-24 07:08

每日一题之请描述Vue组件渲染流程

我们通过下面这个例子来进行分析：Vue.component('comp',{template:'Iamcomp',})constapp=newVue({el:'#demo',})这里我们分为两步来分析：
·2022-12-16 09:36

每日一题之请描述Vue组件渲染流程

我们通过下面这个例子来进行分析：Vue.component('comp',{template:'Iamcomp',})constapp=newVue({el:'#demo',})这里我们分为两步来分析：
·2022-12-16 09:36

Vue组件注册

1.全局组件注册语法2.1全局组件注册语法参数1：组件名称；参数2：组件对象（data（组件内部需要的数据），template（模板内容））Vue.component('button-counter',
泡老师大迷弟·2022-12-14 12:37

vue.js：全局组件和局部组件

全局组件和局部组件全局组件的定义的代码全局组件//创建组件构造器constcpnC=Vue.extend({template:`我是标题我是内容：小奶虎`})//注册组件(全局组件：意味着可以在多个Vue的实例下面使用)Vue.component
胖头小奶虎·2022-12-09 11:57

【vue】推荐的风格指南（总结自官网）

Vue.component('todo-item',{//...})exportdefault{name:'TodoItem',//...}组件的data必须是一个函数。Prop定义应该尽量详细。
loyd3·2022-12-09 11:46

【Vue】在Render函数中实现v-model的数据双向绑定效果

示例首先来看源代码：Render函数实现v-model//创建ele组件Vue.component('ele',{render:function(createElement){//render函数returncreateElement
yubinCloud·2022-12-06 19:15

关于Vue单文件组件

在使用vue-cli或者自己搭建的基于Webpack的脚手架的时候，并不会使用Vue.component来定义组件，然后使用newVue({})来给每个页面挂载一个容器。
马可仕马可仕·2022-12-03 18:34

vue中模板和组件分离

代码示例如下：组件和模板分离的写法1我们给模板设置好id之后，再进行模板的注册Vue.component('comp2',{template:comp2})下面直接调用组件即可第二种template写法比较受欢迎
爱编程的小懒·2022-12-03 17:33

vue开发:父组件通过props传递function给子组件调用

代码：'usestrict';Vue.component('child',{template:'点击子组件调用父组件里的方法',name:'child',props:{fun:Function},created
·2022-11-30 07:25

01-组件化的基本使用

使用组件化开发的改进写法Title//1.创建组件构造器对象constcpnC=Vue.extend({//template:''//此处是多行的字符串template:`我是标题内容1内容2`})//2.注册组件Vue.component
usrname为username·2022-11-27 12:11

第二十七篇 属性修改问题

属性在父传子的篇目当中，通过属性绑定的方式实现父传子，在子组件中使用props进行接收；操作如下：Vue.component("child",{p
灵魂学者·2022-11-16 07:32

对作用域插槽的理解：slot-scope

一，先来看看普通的组件#app{width:20%;margin:200pxauto;border:1pxsolid#ccc;line-height:30px;padding:20px;}//子组件Vue.component
笑道三千·2022-11-16 07:31

Vue学习--插槽slot 自定义事件内容分发

案例Slot/*主体模板，在其中打入插槽，并为slot标签的name属性赋值，表明该插槽需要的模板名*/Vue.component("main_struct",{template:""+""+""+""
theLuckyLong·2022-11-09 09:35

vue2源码解析之全局API实例详解

目录前言Vue.extend()基本使用整体源码Vue.nextTick,Vue.set,Vue.deleteVue.directive、Vue.filter、Vue.component基本使用源码分析
·2022-11-07 15:41

Vue中Vue.extend()的使用及解析

Vue.extend()编写vue插件Vue.extend()如何编程式使用组件呢具体使用VueVue.extend()的使用Vue.extend属于Vue的全局API，在实际业务开发中我们很少使用，因为相比常用的Vue.component
·2022-10-12 23:30

每日一题之请描述Vue组件渲染流程

我们通过下面这个例子来进行分析：Vue.component('comp',{template:'Iamcomp',})constapp=newVue({el:'#demo',})这里我们分为两步来分析：
·2022-10-06 11:38

vue-json-excel 导出excel

如果你习惯于vueui的话可以直接搜索依赖安装npminstallvue-json-excel-S在main.js中使用importJsonExcelfrom'vue-json-excel'Vue.component
感觉不错哦·2022-09-26 09:56

06|Vue组件的核心概念：事件

.实例1.click事件2.鼠标事件mouseupmousedownmouseleave3.dblclick4.touch5.实例Title{{message}}{{message+message}}Vue.component
你那是什么调调·2022-09-21 15:01

Vue组件化（全局组件/局部组件/组件传参）

全局注册组件在scrpit中第1行开始vue.component('my-select',{template:`全局组件内容`})引入可以在全局的任意位置局部注册组件：在newVue({el:'#app
zdzdzd99·2022-09-15 13:13

vue获取全局组件_Vue组件之全局组件与局部组件的使用详解

全局组件注册方式：Vue.component(组件名,{方法})eg:Vue.component("my-compo
小元老亨·2022-09-15 13:06

vue 添加全局组件_Vue组件之全局组件与局部组件

全局组件注册方式：Vue.component(组件名,{方法})eg:Vue.component("my-compo
竹宫英朗·2022-09-15 12:34

vue——全局/局部组件、单文件组件、组件的属性、全局样式、局部样式

但是使用的时候必须用连字符全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次多次使用只显示第一个)注册的组件不要跟系统标签同名Vue.filter("alltool",function(str){returnstr+"-alltool"})Vue.component
哈哈ha~·2022-09-08 09:38

VUE如何引用组件

vue引用组件主要分为如下两种:一:全局引用1,现在main中引用组件:import组件别名from'组件路径'2.注册组件Vue.component('组件别名',组件别名)二:局部引用1.在需要引用组件的页面中
雄起的程序狗·2022-09-05 19:21

Vue-注册全局组件的两种方法

第一种：在main.js中直接注册//引入importPageToolsfrom'@/components/PageTools'//注册为全局组件Vue.component('PageTools',PageTools
crystal_iwwish·2022-09-05 19:36

父传子 子传父

1.父传子（传递格式v-on:自定义接收名称="要传递方法"）{{parentnum}}//爸爸组件Vue.component("father",{template:"#father",data:function
�PEACH?·2022-09-05 14:33

封装elementui el-date-picker年份组件

封装elementuiel-date-picker年份组件Vue.component('mydatepicker',{props:{datatime:{type:String,default:'2021
前端开发工程师在杭州·2022-09-02 18:18

【学习Vue】父组件传值到子组件

二.实例：1.组件注册：格式：如Vue.component('my-component-name',{/*...*/})组件名就是上文的"'my-component-name
我会接网线·2022-09-02 17:56

Vue组件传值：父传子、子传父、兄弟组件间的传值

示例如下：{{tip}}//定义一个全局组件Vue.component('tab-bar',{//在props中以数组形式接收父组件传递过来的值props:['tip',"pnum","pflag","
廖若星辰LTY·2022-08-31 17:11

VUE组件简明讲解

一、全局组件1、定义全局组件的语法是：vue.component（‘组件名’，{配置选项}）；然后，我们进
·2022-08-29 11:07

【vue 组件化开发 一 】组件基本使用、全局和局部组件、父组件和子组件的区别

目录前言：完整内容请关注：一、组件的基本使用二、全局组件和局部组件全局注册，通过Vue.component局部注册，通过components:{}全局组件局部组件三、父组件和子组件的区别前言：完整内容请关注
小余努力搬砖·2022-08-24 09:09

Vue 组件渲染详情

目录前言全局组件Vue.extend组件渲染流程总结前言Vue中组件分为全局组件和局部组件：全局组件：通过Vue.component(id,definition)方法进行注册，并且可以在任何组件中被访问局部组件
·2022-08-17 11:51

vue中的组件介绍

定义全局组件：Vue.component(“组件名”,配置对象)（全局组件可以用在不同的实例中）组件渲染的结果是template中的内容！！！【注意】：1.template中的内容必须被一个元素包含。
摩羯座**·2022-08-14 21:26

vue 组件——注册组件的基本步骤

vue组件——注册组件的基本步骤注册组件的基本步骤参考官网资料1、创建组件构造器调用Vue.extend()方法2、注册组件调用Vue.component()方法3、使用组件在Vue实例的作用范围内使用组件组件基本步骤
小方不菜·2022-08-14 21:55

Vue自动化注册全局组件脚本分享

全局注册使用require.context实现前端工程自动化(实现全局组件自动化注册的js脚本)基本思路使用场景自动化注册全局组件今天有一个idea，vue一些组件，可能会全局都用到，我觉得在main.js写Vue.component
·2022-08-06 12:35

vue导出excel表格vue-json-excel（最新超容易详细教程）

安装依赖npminstallvue-json-excel全局引用在项目的main.js文件中引入importJsonExcelfrom'vue-json-excel'Vue.component('downloadE
北海的大鱼·2022-08-01 09:03

Vue篇——插槽slot简单实例

上代码Vue//slot：插槽Vue.component("todo",{template:'\\\\\'});Vue.component("todo-title",{props:['title'],template
J-April·2022-07-23 07:24

Vue——插槽、具名插槽、作用域插槽

组件插槽在组件的使用时传入值通过来传值插槽的基本使用1.插槽位置Vue.component('alert-box',{template:`Error!
Wyyyy1024·2022-07-23 07:53

Prop验证

定义组件Vue.component('component_name')指定propsprops:{//基础的类型检查(`null`和`undefined`会通过任何类型验证)propA:Number,/
·2022-07-19 10:36

vue 组件与插槽的使用

引入组件importheadsfrom‘…/…/components/head.vue’注册组件Vue.component('heads',heads);//注册全部组件exportdefault{components
小猪猪123333·2022-07-18 07:53

vue组件之插槽

普通页面元素是有属性和内容的，在vue中我们通过prop让组件拥有了属性，那么这篇内容我们来了解一下怎么给组件添加内容默认插槽控件的值是通过组件的插槽传递过去的Vue.component('PostItem
悦.L·2022-07-18 07:23

vue组件插槽与作用域插槽

1、在组件中加入自定义的htmlslot标签为vue中特有标签，意为插槽，是指在组件中可以自定义插入dom；//使用组件：headerfooter//组件实现：Vue.component('box-content
狗换·2022-07-18 07:22

VUE-组件以及插槽

是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用1.1全局组件定义的四种方式1.使用Vue.extend配合Vue.component
悲伤小海鸥·2022-07-18 07:20

分享 9 个不错的 Vue 技巧

那下面的代码作例子：Vue.component('child', {  props: ['title'],  template: '{{ title }}'})new Vue({
油墨香^_^·2022-07-16 14:51

【Vue2】兄弟组件通信

$eventHub=eventHub//Vue.component('myinput',{template:`add`,data(){return{title:'',}},methods:{add(){
·2022-06-28 20:48

【Vue2】父子组件通信

父组件注入数据子组件通过props接收子组件emit数据父组件通过@监听Vue.component('myinput',{template:`add`,data(){return{title:'',}}
·2022-06-28 19:15

Vue组件的渲染流程详细讲解

目录引言与例子举一个工作中能用到的例子：实现extend执行流程1.注册流程（以Vue.component()祖册为例子）：2.执行流程3.渲染流程总结注：本文目的是通过源码方向来讲component组件的渲染流程引言与例子在我们创建
·2022-06-28 11:59
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他