Vue中如何实现自定义组件的四种示例方法详细解析？

本文共计1177个文字，预计阅读时间需要5分钟。

四种组件定义方式均存在以下共性（血统史）+ 规则：

1.组件只能有一个根标签

2.记录两个全局和局部词汇

3.组件命名中-相当于小写英文单词，对应大写英文单词（hello-com 相对于 helloCom）

四种组件定义方式都存在以下共性(血泪史)

规则：

1.组件只能有一个根标签

2.记住两个词全局和局部

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

而对于在HTML中自定义组件的时候有4种写法，不过也只是殊途同归，都是用template属性对应的只有一个根标签的HTML代码。