组件

组件
1 组件的定义

组件就是复用一个VUE实例,它含有所有的vue实例上的属性和方法。把共通的页面或者代码片段提取出来,成为公共的部分,想在哪里应用,就在哪里调用。

2 组件的特点

可复用

3 组件的创建方式

它与过滤器的创建方式很相似

第一、全局创建组件

Vue.component('组件名称',{
    template:'#id'
})

第二、局部创建组件

filters:{
    toTime(){
        return 值 
        }
},
components:{//注册
    hello:{
    }
}
  • 建议大家用局部创建组件的方法
4组件名称的命名规则
  1. 不能使用已经存在的标签名作用组件名称,解析的时候会解析成普通标签比如span、p、div、。。。
  2. 不能使用已经存在的标签的大写方式,比如DIV。因为HTML不区分大小写
  3. 组件在命名的时候,如果你用的是驼峰命名法比如aS,在使用的过程中要用“-”去连接,比如<a-s></a-s>
2 template
  1. 使用template模板的时候,有且只能有一个根标签
  2. 建议大家把tempalte提取出来用template标签的格式比如<tempalte id='用来区分不同的模板'></template>
2组件中所有属性方法和我们Vue实例中是一致的
  • data属性的定义方式不太一样

    在组件中定义data属性必须是个函数
    data(){return{}}

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

推荐阅读更多精彩内容

  • 在这一节里,我们将会了解到Vue的组件,理解组件是如何工作的,并利用一系列的例子证明,用组件化的思想开发项目,会给...
    嘉宝_Appian阅读 3,290评论 6 17
  • 组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应...
    前端一菜鸟阅读 894评论 0 16
  • 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装...
    youins阅读 9,537评论 0 13
  • 家长和学校之间的矛盾,估计是教育上的最突出问题了。尽管双方都是站在对孩子的教育和管理的立场上,但常常闹得不可开交。...
    喵小岚阅读 162评论 0 4
  • 听老师说水的密度不同,浮力就不同,密度大的盐水能让鸡蛋浮起来。真的吗?我决定动手做做看。 首先我准备了一个倒上水的...
    略宝阅读 458评论 0 0