分类：自定义组件的方式

2020
09-23

Vue自定义组件的四种方式示例详解

四种组件定义方式都存在以下共性(血泪史)规则：1.组件只能有一个根标签2.记住两个词全局和局部3.组件名称命名中‘-小写字母'相当于大写英文字母(hello-com相当于helloCom)而对于在HTML中自定义组件的时候有4种写法，不过也只是殊途同归，都是用template属性对应的只有一个根标签的HTML代码。1.全局组件定义方式示例：Vue.component("hello-component",{props:["message"],template:"<div><h1>组件定义之全局组件</h1><h4>{... 继续阅读 >