组件:是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.局部注册
所以,局部注册组件只能在注册实例中有效
以上我们在使用中,都是先定义
我们有一种简写方式,在使用过程中更简便