vue 组件-组件定义的4种方式

一、组件命名的方式

　　①kebab-case，单词之间采用  - （短横线）连接，例如：my-component ，在DOM中使用时，

　　②PascalCase，驼峰式名称，单词之间，首字母大写，例如：MyComponent，但是在DOM中使用时，必须更改为，，是识别不了的。

 

二、全局注册

①通过Vue.extend()和Vue.component()注册

 1     // 方式1
 2     var tmp1 = Vue.extend({
 3         template: "
通过 Vue.extend 创建的 tmp1 组件
"
 4     });
 5     Vue.component("tmp1", tmp1);
 6 
 7 
 8     // 方式2
 9     Vue.component("tmp2", Vue.extend({
10         template: "
通过 Vue.extend 创建的 tmp2 组件
"
11     }));

 

②通过Vue.component()字面量注册

1     Vue.component("tmp3", {
2         template: "
通过字面量方式创建的tmp3组件
"
3     });

 

③通过