vue组件:组件的name属性与注册名称

1,276 阅读1分钟

vue组件相关的命名:声明名称和注册名称


声明名称

组件中的name属性为组件的声明名称

<script>
export default{
    name:main,  //组件声明时设置的name属性,即:声明名称
 }
</script>

注册名称

当组件被引入时,设置的名称即是注册名称

<script>
import Hello from @/...
export default{
     components:{
          Hello, //此为注册名称
      }
 }
</script>

注意:实际工作中,应保证注册名称与声明名称一致

当名称不同时,部分标签的属性可能无法识别组件
如:若未设置声明名称,
keep-alive的include和exclude属性将识别注册名称
若同时设置了不同的声明名称和注册名称
此时使用注册名称将无法识别