什么是vue组件?

组件:是html、css、 js等的一个聚合体

为什么要使用组件?

组件化

1.将一个具备完整功能的项目的一部分分割多处使用

2.加快项目的进度

3.可以进行项目的复用

组件创建语法:

Vue.component( 组件名称, 组建的配置项)

组件创建原理:

Vue.component( 组件名称, Vue.extend())

创建vue组件主要使用了Vue.extend( options )函数;


举个例子:组建的基本创建

上述例子中:Father就是我们创建的组件;

还有一点要说明:组件必须先注册在使用,使用范围在new Vue()实例范围内,在实例范围外无效;

注册原因:为了符合 html / html5的规则,所以组件的标签化使用必须注册,说白了就是用来解析这个标签化的组件未html能识别的标签。

组件的注册方式:


1.全局注册

        第一个例子中我们所用的就是全局注册方式,全局注册的组件我们在任何一个Vue实例中都可以使用;

2.局部注册


所以,局部注册组件只能在注册实例中有效

以上我们在使用中,都是先定义

我们有一种简写方式,在使用过程中更简便


全嵌套写法



局部嵌套写法


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应...
    前端一菜鸟阅读 4,340评论 0 16
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,678评论 0 6
  • 组件简介# 组件系统:组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件...
    Gopal阅读 2,454评论 0 3
  • Vue笔记系列1、Vue.js入门3、Vue.js进阶 API 以下会随用随记一些API,可能会不定期更新。 Vu...
    其心阅读 6,230评论 0 10
  • 在长歌门的日子,还是很有趣的,虽然每天南风的功课都不少。有时候她也会怀疑人生,明明已经比师妹们厉害了好多,却还是要...
    子陵的小故事阅读 1,027评论 0 0