Vue.component

在npm上发布一个自己的Vue组件包

/fullCalendarTimeline.vue";comFullCalendarTimeline.install=(Vue)=>Vue.component(comFullC
·2021-12-20 12:00

(Vue)组件：v-model深入使用&.sync修饰符&具名插槽&作用域插槽&mixin混入

{{yf.label}}--{{yf.count}}{{kz.label}}--{{kz.count}}Vue.component('b-counter',{template:`{{label}}-+`
Jinxchan·2021-12-15 14:43

Vue自定义组件

Vue.component('my-component-name',{/*...*/})该组件名就是Vue.component的第一个参数。我们可以在官方-风格指南中查阅到关于组件名的其它建议。
呐_·2021-12-09 08:45

Vue自定义组件

什么是自定义组件比如一块布局或者模块可能要在许多地方使用，这个时候就需要封装一个组件有两种做法，一种叫局部组件，一种叫全局组件1，局部组件components自定义组件注意：在局部使用自定义组件是components在全局是Vue.component
野鸽儿·2021-12-05 15:50

2021-06-18vue第三天

1.全局组件的注册Vue.component("组件名称"，{data：组件数据，template：组件模板内容}调用组件：（1）组件中的data参数必须是函数，同时这个函数要求返回一个对象。
大刀劈向鬼子·2021-11-29 16:31

Vue 组件组织结构及组件注册详情

至此，我们的组件都只是通过Vue.component全局注册的：Vue
·2021-11-24 11:18

Vue 之 slot 插槽简单使用

在Vue中定义组件,没什么大不了的.我们可以定义一些组件.比如:定义一个panel组件Vue.component('panel',{template:'#panel-tpl',data(){return
人话博客·2021-11-16 01:58

Web前端开发工程师知识体系_41_vue（六）组件、组件化开发

组件的封装：（1）创建一个组件Vue.component("组件名",{template:`组件的HTML片段`,data(){return{//相当于之前的data模型变量:值,......}},//
前端小马·2021-11-02 13:44

vue.js 学习笔记（二）组件化开发

vue.js学习笔记（二）组件化开发文章目录vue.js学习笔记（二）组件化开发一、组件化开发1.1组件使用的基本步骤（1）Vue.extend()（2）Vue.component()（3）使用组件1.2
Martian_小小·2021-10-23 09:10

Vue 基础知识之 Vue.extend

Vue基础知识之Vue.extendVue.extend属于Vue的全局API，在实际业务开发中我们很少使用，因为相比常用的Vue.component写法使用extend步骤要更加繁琐一些。
Marting424·2021-10-15 15:52

element-UI组件工具中button的原生代码

30px;border-radius:5px;border:1pxsolidrgb(219,214,214);}默认按钮成功按钮危险按钮信息按钮警告按钮//全局注册组件并创建一个component实例Vue.component
·2021-10-14 16:22

vue中使用vue-echarts引入百度地图实现数据可视化

v-chartsnpm安装$npminstallechartsvue-echarts在使用v-chart前必须安装echarts在main.js中进行注册importEChartsfrom'vue-echarts'Vue.component
北海的大鱼·2021-10-03 23:20

Vue.js slot插槽的作用域插槽用法详解

目录没有插槽的情况Vue2.x插槽有插槽的情况具名插槽没有slot属性插槽简单实例应用作用域插槽(2.1.0新增)Vue3.x插槽插槽作用域插槽没有插槽的情况1111//注册子组件Vue.component
·2021-09-15 16:28

vue父子组件传值以及单向数据流问题详解

1.父组件传值给子组件//定义子组件Vue.component("blog-item",{props:['tit
·2021-09-08 17:37

vue组件和过滤器统一注册的方法

/PageTools'exportdefault{install(Vue){//注册全局的通用栏组件对象Vue.component('PageTools',Pa
·2021-09-07 11:24

简述封装 Vue 组件过程及组件的命名规范

能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发的缺点：效率低，难维护，复用性等问题；然后，使用Vue.extend方法创建一个组件，然后使用Vue.component发放注册组件。
·2021-08-29 00:35

vue加载天气组件使用方法详解

vue中将script引入修改为vue的动态引入方法window.WIDGET={ID:'123456'};//将WIDGET前边加上window否则读取不到此变量importVuefrom'vue'Vue.component
·2021-08-27 13:32

vue全局组件与局部组件，以及组件间的传值

Vue全局组件注册后是在任何实例下都可以使用的，注册方式为Vue.component('button-coun
潇xiao·2021-08-24 09:59

VUE-在组件上使用 v-model

则会这样：为了让它正常工作，这个组件内的必须：将其valueattribute绑定到一个名叫value的prop上在其input事件被触发时，将新的值通过自定义的input事件抛出写成代码之后是这样的：Vue.component
·2021-07-30 11:44

Vue.component 怎么实现全局注册的

最近在React项目中用到了公司官方的图标库。以前在Vue项目里面使用图标库采用全局注册的方式，这样组件里面可以直接使用图标组件，无需手动import然后再注册组件。但是现在的React没办法像Vue一样实现全局注册，只能手动import。所以我就很好奇，Vue究竟怎么实现全局注册的。在之前的项目中，看到过有这种用法：Vue.prototype.$axios=axios;在上面代码中，axios被
·2021-07-29 17:29

组件通信、插槽、动态组件、异步组件

修饰符lazynumbertrim组件化开发思想：提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用使用方法1.使用Vue.extend()创建出来组件构造器对象2.调用Vue.component
大佬教我写程序·2021-07-28 19:54

Vue中 Vue.prototype使用详解

目录1.基本示例2.为实例prototype设置作用域3.注册和使用全局变量4.原型方法的上下文5.应用示例5.1引入axiosVue.prototype、Vue.component和Vue.use区别
·2021-07-28 16:26

uniapp自定义弹框ua-popup组件【增强版】

/components/ua-popup/index.vue'Vue.component
·2021-07-27 19:03

VUE纯前端导出excel表格功能

使用方法1.安装依赖npminstallvue-json-excel2.引入组件a.全局引入importVuefrom'vue'importJsonExcelfrom'vue-json-excel'Vue.component
海之深处爱之港湾·2021-07-25 09:48

【VUE】自定义全局组件

/pagination.vue'constPagination={install(Vue){Vue.component('Pagination',pag
level·2021-07-13 09:05

【vue】5.0 组件注册、父子传值、refs通信、bus事件总线（组件非父子通信）

注册方式1.全局注册Vue.componentExamples.navbar{background:red;}-->//1.全局定义组件(作用域隔离)Vue.component("app-child",
bobokaka·2021-07-01 08:11

全局注册公共组件

文件夹中引入PublicHeader.vue文件importPublicHeaderfrom'xxx/PublicHeader'exportdefault{install:function(Vue){Vue.component
lhm2·2021-06-27 09:08

vue组件

（3）组件之间的传值：1.父传子2.子传父3.同级之间传值1.组件//全局：Vue.component('my-component',{template:`这是一个组件1111111111111111`
习惯h·2021-06-27 07:55

使用Vue-cli3.0创建的项目，如何发布npm包

创建index.js进行模块的导出将我们需要导出的组件在index.js文件中进行统一导出，可能之前需要进行处理，是先进行全局注册Vue.component，还是用户自己注册。
海因斯坦·2021-06-27 01:34

Vue全家桶之组件化开发

我们希望尽可能多的重用代码自定义组件的方式不太容易(html,css,js)多次使用组件可能导致冲突二、组件注册1.全局组件注册语法Vue.component(组件名称,{data:组件数据，temp
coder_shen·2021-06-26 07:12

Vue组件名大小写

vue定义组件名有两种格式1.kebab-case(短横线分隔命名)Vue.component('my-component-name',{/**/})使用的时候：2.驼峰命名Vue.component(
梁风有意·2021-06-25 14:38

vue v-slot 指令

具名插槽//组件Vue.component('lv-hello',{template:`我的天呀`})我是头部我是头部具名插槽的缩写将v-slot:替换成#号我是头部我是默认插槽作用域插槽所谓作用域插槽
Elvmx·2021-06-25 11:17

vue实现简单的todoList

Documentadd//全局定义Vue.component('todo-item',{props:['content','index'],template:'{{content}}',methods:
jh2k15·2021-06-25 03:36

vue组件详解

使用组件的原因提高代码的复用性组件的使用方法全局注册Vue.component('my-component',{template:'我是组件的内容'})占内存局部注册varapp=newVue({el:
JianQiang_Ye·2021-06-24 22:59

Vue 学习记录二

创建组件构造器(template只能有一个根元素)varProfile=Vue.extend({template:"标题内容"})2、注册已经创建好的组件//第一个参数：组件名称//第二个参数：组件构造器Vue.component
忆辰念家·2021-06-24 11:30

Vue:作用域

message}}这里的message就是一个slot,但是它绑定的是父组件的数据,而不是组件的数据.父组件模板的内容在父组件作用域内编译,子组件模板的内容是在子组件作用域内编译.例如下面的代码示例:示例Vue.component
一叶扁舟丶·2021-06-23 17:03

vue_14 获取块元素

$refs{{total}}Vue.component('counter',{template:
basicGeek·2021-06-22 17:17

Vue学习笔记-起步

写在最前：自学笔记，往后逐步添加笔记内容一、通过TodoList案例起步提交/*Vue.component('TodoItem',{//全局组件props:['content'],//父组件向子组件传值
没名字的某某人·2021-06-22 12:05

Vue的组件化

首先，需要定义一个组件构造器，通过Vue.extend方法来创建，然后通过Vue.component方法来注册组件。
waigo·2021-06-22 10:52

组件：非父子间传值（同级传值）

js//第三方量busvarbus=newVue()//第一个组件Vue.component('child',{template:`这是组件A点击按钮传值`,data:function(){return
雨笑_e29c·2021-06-22 03:54

组件：非父子间传值（同级传值）

非父子间传值声明一个第三方量来传值点击前后：body:js://第三方量busvarbus=newVue()//第一个组件Vue.component('child',{template:`这是组件A点击按钮传值
辞苏·2021-06-21 20:04

组件（模块化）

Component组件是可复用的Vue实例组件-->//传参Vue.component('args-component',{props:['args'],template:'{{args.title}}
九尾的日志·2021-06-20 23:16

Vue组件命名的一些问题

原文：聊聊Vue组件命名那些事组件注册我们以一个最简单的例子来研究Vue组件的注册过程：Vue.component('MyComponent',{template:'hello,world'})通过跟踪代码的执行过程
zzXiaoFeng·2021-06-20 22:24

23_父传子_组件间通信（props）

Vue.component('my-component',{template:"{{msg}}",//父组件的数据传递给子组件时，通过props属性传递//props的写法：//第一种props:['msg
CHENPEIHUANG·2021-06-20 04:03

VUE（三）

全局组件image.png我们之前点击提交的时候，数据在li标签里，现在我们把它变成一个组件，首先在script我们调用一个Vue.component方法，是Vue提供给我们创建一个全局组件的方法，我们组件的名字叫做
你想跳舞吗·2021-06-20 01:48

Vue组件实现购物车效果

效果图：购物车是table做的，是一个响应式的购物车QQ截图20180918153437.pngbody：js:varmodel=Vue.component('my-component',{template
闫梓璇·2021-06-19 21:43

2018-09-21组件（子给父传）

template:`{{mess}}`,data:function(){return{mess:''}},methods:{revMsg:function(txt){this.mess=txt}}})Vue.component
好多好多鱼z·2021-06-19 03:53

使用vue-json-excel导出Excel文件

vue-json-excel进行安装npminstallvue-json-excel-S二：在项目中进行引用（main.js文件中）importJsonExcelfrom'vue-json-excel'Vue.component
Yicol·2021-06-18 10:13

vue+element+vue-cropper实现图片裁剪功能

vue-cropper实现图片裁剪功能1、下载插件：npminstall--savevue-cropper2、全局注册插件挂在到全局的vue上import{VueCropper}from'vue-cropper';Vue.component
越反抗我越强壮·2021-06-16 16:08

Vue 简单的函数式组件

.*/}Vue.component('smart-list',{functional:true,props:{items:{typ
QDzzzhy·2021-06-15 05:34
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他