Vue组件有两种:一个是全局组件,另一个是局部组件
一、使用范围:
全局组件使用范围:可以在页面中任何位置使用
局部组件使用范围:只能在定义它的el中使用,不能再其他位置使用,否则就无法生效
二、定义组件的方法:
全局组件: 全局组件定义方式,是直接给全局对象Vue注册了一个组件
属性介绍: Vue.componen()是vue.js内部封装方法 "b-star" 是使用时候的组件名称 props组件内的属性。供给组件内部传值 template组件内部DOM元素组成
局部组件: 以通过Vue实例中component属性定义局部组件
总结:
每个组件就是一个小型的Vue实例,局部组件里面除了不能设置el选项,其他选项它都有。
使用template选项,定义组件的模板,注意:模板中必须包含一个根标签
props选项,用于定义组件的属性,有两种方式:1.定义数组,2.定义对象
注意:props是只读的,不能修改
组件名称命名中‘-小写字母'相当于大写英文字母(hello-com 相当于 helloCom)