VUE3.0,DAY35，组件注意的几个地方

待我长发及肩

组件留意的几个处所

• 
  
  
  
  • 
    
    
    
    • 留意面
      
    • 总结
      
    <div>
      <School></School>
    </div>
  
  

留意面

1.组件名的写法。即正在注册组件的时分，界说的组件s前边的字符，叫组件名，当一个单词的时分，尾字母年夜写。多个单词的时分，便齐用写小写，如my-school，第两个写法便是MySchool，那是正在vue足脚架中写的。

1. components:{
2. School:s
3. }

复造代码

2.组件的标签，便是正在div中表示的标签。如我们界说了一个组件s，然后组件名叫School，然后正在div中利用组件,下述代码中的school便是组件标签，那是第一种写法，另有第两种写法是,也是正在有vue足脚架时利用。

1. <div>
2.   <School></School>
3. </div>

复造代码

3.一个界说组件时用到的简写方法

1. const school=vue.extend({optioons})=const school=({options})

复造代码

总结

几个留意面:
1.闭于组件名:
一个单词构成:
第一种写法( 尾字母小写): school
第两种写法(尾字母年夜写): School
多个单词构成:
第一种写法(kebab-case命 名): my- school
第两种写法(CamelCase命名): MySchool ( 需求Vue足脚架撑持)
备注:
(1).组件名尽量躲避HTML中已有的元素称号，比方: h2、 H2皆不成。
(2).可使用name设置项指定组件正在开辟者东西中显现的名字。
2.闭于组件标签:
第一”种写法:

第两种写法:
备注:不用利用足脚架时， 会招致后绝组件不克不及衬着。
3.一个简写方法:
const school = Vue .extend(options)可简写为: const school = options

免责声明：假如进犯了您的权益，请联络站少，我们会实时删除侵权内乱容，感谢协作！