Vue.component

Vue.js 学习笔记九：组件化开发之组件数据存放一

props基本用法props数据验证子级向父级传递组件数据存放一组件对象也有一个data属性（也可以有methods等属性），只是这个data属性必须是一个函数而且这个函数返回一个对象，对象内部保存着数据：Vue.component
stary1993·2021-04-27 08:24

Vue学习笔记入门篇——组件的使用

组件使用注册注册一个全局组件，你可以使用Vue.component(tagName,options)。
ChainZhang·2021-04-26 21:28

组件化开发、Vue Router、Vue CLI

组件使用时为自定义的html标签，通过组件作名为自定义标签名组件的注册全局注册全局注册的组件可以用于任意实例或组件中Vue.component('组件
你好肥猫·2021-04-26 15:06

Vue.js 学习笔记九：组件化开发之组件补充使用

目录组件补充使用全局组件和局部组件父组件和子组件注册组件语法糖组件补充使用全局组件和局部组件当我们通过调用Vue.component()注册组件时，组件的注册是全局的。
stary1993·2021-04-25 09:48

什么是组件？

注册全局组件Vue.component('my-component',{props:["myMessage",'text','isComplete'],templ
猿分让我们相遇·2021-04-25 04:05

VUE复习笔记25（单文件组件）

介绍很多的vue项目中，我们使用vue.component来定义全局组件，然后使用newVue({el:'#app'})在每个页面内指定一个容器元素。
XKolento·2021-04-24 15:22

组件 及部分

//全局：Vue.component('my-component',{template:``})newVue({el:'#app',components:{'my-component':{template
喔爹·2021-04-24 05:49

vue.js 组件之间传递数据

//注册一个子组件Vue.component('child',{d
Devour_z·2021-04-24 02:41

Vue.js 学习笔记九：组件化开发之组件基本使用

创建组件构造器注册组件使用组件我们来看看通过代码如何注册组件：//1.创建组件构造器constmyComponent=Vue.extend({template:`我是组件标题我是组件内容1我是组件内容2`})//2.注册组件Vue.component
stary1993·2021-04-23 09:07

VUE父子模版传值，组件传值

vue-router2.0https://router.vuejs.org/zh-cn/essentials/getting-started.html第一种//向子组件传递数据//省略extend方法，vue内部调用Vue.component
____雨歇微凉·2021-04-23 06:00

vue 组件间传值案例 两人对话

效果图：未点击：QQ截图20180922100902.png点击后：QQ截图20180922100942.pngbody:js:Vue.component('my-father',{template:`
闫梓璇·2021-04-21 18:54

vue 组件使用data 提示 is not defined解决方法

(function(){Vue.component("test",{template:"{{hello}}",data:function(){return{hello:"你好"};}});})();GoogleChrome
zhcnnet·2021-04-20 21:07

同级传值

同级传值——非父子关系，借助第三方量例子：Documentvarbus=newVue();Vue.component('child',{//Atemplate:`我是child组件发送数据给son`,data
有你相伴一生·2021-04-18 11:54

Vue中slot-scope的深入理解（适合初学者）

先抛例程：组件之通过插槽(slot)分发内容Vue.component("test-slot",{//插槽允许有默认内容template:`Error!
·2021-04-17 15:03

vue-组件component

2、全局注册使用Vue.component来创建的组件作用域是全局，在任何新创建的Vue根实例（newVue）的模板中，都可以使用。
·2021-04-12 21:07

vue-组件component

2、全局注册使用Vue.component来创建的组件作用域是全局，在任何新创建的Vue根实例（newVue）的模板中，都可以使用。
·2021-04-12 21:44

vue.extend vue.component new vue

关系：vue构造->vue组件->vue实例也就是说不同的vue组件可以共用同一个vue构造，不同的vue实例可以共用同一个vue组件###Vue.extend(options)参数{Object}options*用法使用基础Vue构造器，创建一个“子类”。参数是一个包含组件选项的对象。data选项是特例，需要注意-在Vue.extend()中它必须是函数//html//js//创建构造器varP
AAA前端·2021-04-02 11:51

Vue按钮防抖节流

/debounce.js'Vue.component('Debounce',Debounce)组件核心代码debounce.js//debounce.js/***防抖与节流*@param{function
·2021-03-29 18:56

Vue按钮防抖节流

/debounce.js'Vue.component('Debounce',Debounce)组件核心代码debounce.js//debounce.js/***防抖与节流*@param{function
·2021-03-29 18:56

Vue组件注册原理-为什么可以使用自定义标签

//全局注册Vue.component('my-component-name',{/*...*/})//局部注册newVue({el:'#app',components:{'component-a':ComponentA
穆瑾轩·2021-03-16 02:30

组件嵌套

/components/Users';Vue.component('Users',Users);//全局变量app.vue引用这个组件:b.定义局部变量app.vue定义局部变量，引用这个组件importUsersfrom
清汤饺子·2021-03-11 09:23

Vue组件通信

1.父传子、子传父props、$emit触发父亲的自定义事件2.状态（数据）提升实际上是子传父、父传子的结合：利用父组件做中转站//组件1与父组件之间的数据进行父传子Vue.component('test-com1
怠惰Zsj·2021-03-08 13:25

vue使用Echarts相关图表的方法以及案例

npminstallvue-echarts2、在main.js文件中引入echartsimportEChartsfrom'vue-echarts/components/ECharts.vue'//引入vue-echarts组件Vue.component
小明同学c·2021-03-05 17:17

vue组件传值详解

Vue.component("my-component",{template:`我是全局组件`})newVue({el:'#app1',})newVue({el:'#app2'})局部组件在Vue实例内声明的组件
LazyCat404·2021-02-27 16:54

Vue源码解析系列——组件篇：组件注册

回顾如果有感兴趣的同学可以看看我之前的源码分析文章，这里呈上链接：《Vue源码分析系列：目录》组件注册Vue的组件祖册分为两部分，一部分为全局组件注册，也就是使用Vue.component(tag,options
爱学习的前端小黄·2021-02-22 19:48

vue组件兄弟传值

$off('事件名称')二、案例此案例点击让各自兄弟变化1.定义组件；Vue.component('te
cuiZero0·2021-02-22 11:39

详解vue 组件的实现原理

全局注册方式如下：Vue.component('my-component-name',{/*...*/})局部注册方式如
·2021-02-06 19:09

【vue】vue 组件事件监听"$listeners"，重写父组件事件传递

listeners"，重写父组件事件传递基本环境库：vue.js、element-ui目的：自定义组件监听$listeners,从而继承父组件事件回调；初始版本代码你好世界consttestComponend=Vue.component
·2021-02-02 18:33

Vue 中非父子组件间的传值

总线机制非父子之间传值，可以采用发布订阅模式，这种模式在Vue中被称为总线机制，或者叫做Bus/发布订阅模式/观察者模式Vue.prototype.bus=newVue()//挂载bus属性Vue.component
·2021-02-01 16:38

Vue创建组件详解

全局注册组件局部注册组件单文件组件使用x-template引入模板jsx注册组件(后续补充)方法调用式创建（render函数注册组件）注册全局插件全局注册组件Vue.component('my-component-name
定栓·2021-01-30 15:16

Vue

1.组件的基本使用1.1全局组件Vue.component()方法中参数说明：第一个参数指定组件名
程序猿 JQ·2021-01-26 22:26

vue 组件基础知识总结

//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function(){return{count:0}},template:'
·2021-01-26 12:43

[Vue]多重文字描边组件

效果图安装yarnaddvue-stroke-textnpmivue-stroke-text引入importStrokeTextfrom'vue-stroke-text'//全局注册Vue.component
·2021-01-22 03:13

[Vue]多重文字描边组件

效果图安装yarnaddvue-stroke-textnpmivue-stroke-text引入importStrokeTextfrom'vue-stroke-text'//全局注册Vue.component
·2021-01-22 03:24

Vue 实现 购物车 案例

成品展示案例分析按照组件化方式实现业务需求根据业务功能进行组件化划分①标题组件（展示文本）②列表组件（列表展示、商品数量变更）③结算组件（计算商品总额）实现步骤第一步静态布局将静态数据重构为Vue组件化的形式（通过Vue.component
河软小宝·2021-01-20 15:10

父子传值！代码详解

父传子：登录组件父组件传值：{{title}}//定义组件Vue.component("songname",{//组件名template:"#login",//组件idprops:{//1、指定数据类型
染指于心·2021-01-17 19:25

在 vue 中使用 typescript

我们想要让TypeScript正确推断Vue组件选项中的类型，需要使用Vue.component或Vue.extend定义组件。
大唐荣华·2021-01-15 19:12

vue组件是如何解析及渲染的？

我们可以通过Vue.component注册全局组件，之后可以在模板中进行使用Vue.component("my-button",{template:"按钮组件",});letvm=newVue({el:
·2021-01-13 11:46

Vue——自定义事件

示例代码：//前端//Vue//slot:插槽Vue.component("todo",{template:'\\\\\'});Vue.component(
DingkunBai·2021-01-12 16:29

（二）Vue3.x应用程序API

import{createApp}from'vue';constapp=createApp({});在Vue3.x中，可以将Vue的全局配置移到createApp方法中（例如在Vue2.x中，我们用Vue.component
Mr_莫言之·2021-01-11 15:28

公共

文件夹中创建vue-components.jsimage.png先引用importVuefrom'vue'再importnullDatafrom'@/components/NullData'//暂无数据Vue.component
过年好_·2021-01-11 10:48

vue 组件源码分析

vue组件源码分析组件注册1.全局组件：全局使用2.局部组件：只能在内部使用Vue.component()的实现位置：src/core/global-api/index.js内的initAssetRegisters
进阶__前端漫漫路·2021-01-09 17:08

element-ui 表格设置显示列

先写一个设置显示列的组件Vue.component('ym-set-cols',{template:`设置显示列`,data(){return{tableCols:[]}},model:{//自定义组件双向绑定
yingmhd·2021-01-06 19:06

Vue 函数式组件的使用技巧

简单来说是一个无状态和无实例的组件基本写法：Vue.component('my-component',{functional:true,//Props是可选的props:{//...},//为了弥补缺少的实例
vincentdu·2021-01-06 19:21

element-ui 表格设置显示列

先写一个设置显示列的组件Vue.component('ym-set-cols',{template:`设置显示列`,data(){return{tableCols:[]}},model:{//自定义组件双向绑定
yingmhd·2021-01-05 20:17

Vue中父子组件的值传递与方法传递

一.Vue中父组件向子组件传值利用v-bind向子组件传值，子组件中利用props接受{{name}}{{age}}{{parentname}}{{abc}}//父组件Vue.component("father
·2021-01-04 12:43

vue组件化

2.组件注册、使用及数据传递vue.component(name,options)可用于注册组件。购
_XinXinM_·2021-01-04 02:55

Vue源码解析——组件化机制

组件化机制组件声明：Vue.component()initAssetRegisters(Vue)src/core/global-api/assets.js组件注册使用extend方法将配置转换为构造函数并添加到
椰卤工程师·2021-01-03 14:22

vue.js之插槽（v-slot）

默认插槽Vue.component("TodoList",{props:["list"],methods:{handleClick(){this.count++;},},dat
月亮贩售快乐·2021-01-02 12:50

vue.js父子组件双向传输数据（v-model在组件中的使用）

父子组件双向传值话不多说，来上帝视角Vue.component("ComponentA",{model:{event:"change",},methods:{handleClick(){this.count
月亮贩售快乐·2021-01-01 22:33
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他