组件

组件

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{}}