解析Vue组件

Vue组件有两种:一个是全局组件,另一个是局部组件


一、使用范围:

全局组件使用范围:可以在页面中任何位置使用

局部组件使用范围:只能在定义它的el中使用,不能再其他位置使用,否则就无法生效

二、定义组件的方法:

全局组件: 全局组件定义方式,是直接给全局对象Vue注册了一个组件

属性介绍: Vue.componen()是vue.js内部封装方法 "b-star" 是使用时候的组件名称 props组件内的属性。供给组件内部传值 template组件内部DOM元素组成

全局组件

局部组件: 以通过Vue实例中component属性定义局部组件

局部组件

总结: 

 每个组件就是一个小型的Vue实例,局部组件里面除了不能设置el选项,其他选项它都有。

使用template选项,定义组件的模板,注意:模板中必须包含一个根标签

 props选项,用于定义组件的属性,有两种方式:1.定义数组,2.定义对象

          注意:props是只读的,不能修改

组件名称命名中‘-小写字母'相当于大写英文字母(hello-com 相当于 helloCom)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容