2021-04-23

vue创建组件的四种的方式

1,

var 组件的名称=Vue.extend({

template:'html结构'

})

Vue. component('组件名称',创建出来的组件模板对象)

一定要有挂载 el:

2,

少了中间变量

Vue.component('创建出来的组件模板对象',Vue.extend({

template:'html结构'

}))

3,Vue.component('创建出来的组件模板对象',{

template:'html'

})

4,外部使用template元素定义模板结构

<template id='名'>

html

</template>

Vue.component('创建出来的组件模板对象',{

template:'#名'

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ### 什么是Vue.js + Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(Reac...
    JLong阅读 1,110评论 0 0
  • 什么是Vue.js Vue.js是目前最火的一个前端框架,React是最流行的一个前端框架,(React除了开发网...
    EEEEsun阅读 669评论 0 1
  • 1.什么是组件 组件的出现,就是为了拆分Vue实例的代码量,能够让我们以不同的组件,来划分不同的功能模块,将来我们...
    不会改变阅读 409评论 0 0
  • 组件(Component)是 Vue.js 最核心的功能,也是整个框架设计最精彩的地方,当然也是最难掌握的。本章将...
    辽A丶孙悟空阅读 573评论 1 13
  • 组件--基础 什么是组件:组件的出现就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块...
    7ColorLotus阅读 267评论 0 1