组件
1 组件的定义
组件就是复用一个VUE实例,它含有所有的vue实例上的属性和方法。把共通的页面或者代码片段提取出来,成为公共的部分,想在哪里应用,就在哪里调用。
2 组件的特点
可复用
3 组件的创建方式
它与过滤器的创建方式很相似
第一、全局创建组件
Vue.component('组件名称',{
template:'#id'
})
第二、局部创建组件
filters:{
toTime(){
return 值
}
},
components:{//注册
hello:{
}
}
- 建议大家用局部创建组件的方法
4组件名称的命名规则
- 不能使用已经存在的标签名作用组件名称,解析的时候会解析成普通标签比如span、p、div、。。。
- 不能使用已经存在的标签的大写方式,比如DIV。因为HTML不区分大小写
- 组件在命名的时候,如果你用的是驼峰命名法比如aS,在使用的过程中要用“-”去连接,比如
<a-s></a-s>
2 template
- 使用template模板的时候,有且只能有一个根标签
- 建议大家把tempalte提取出来用template标签的格式比如
<tempalte id='用来区分不同的模板'></template>
2组件中所有属性方法和我们Vue实例中是一致的
- data属性的定义方式不太一样
在组件中定义data属性必须是个函数
data(){return{}}