vue组件-组件注册

注册名

1 .kabab-case

1 .当使用以上方法定义组件的时候,使用的时候也必须使用kabab-case 这种形式
2 .字母全小写,且必须包含一个连字符,w3c规范,避免和当前以及未来的html元素相冲突

2 .PascalCase

1 .当使用PasalCase定义一个组件时。引用这个组件的时候两种命名方法都可以使用

全局注册

1 .Vue.component
2 .全局注册,注册之后可以在任何新创建的Vue根实例的模板种
3 .所有的子组件中,也就是说定义的组件内部也是可以调用自己的

局部注册

1 .使用webpack的时候,全局注册意味着即便你已经不在使用一个组件了,他任然会被包含在你最终的构建结果中。这造成了用户下载的js白白的增加
2 .局部注册的组件在其子组件中不可用
3 .使用起来是下面这样的

import ComponentA from './ComponentA.vue'

export default {
  components: {
    ComponentA
  },
  // ComponentA这个变量名其实是ComponentA:ComponentA的缩写,这个变量名同时是用在模板中的自定义元素的名称,以及包含了这个组件选项的变量名
}

vue-cli下的组件全局注册

1 .一些可能需要在每个组件中使用的基础组件,可以在main.js中直接全部引入,这样就可以不用在每个组件里面都进行import引入了
2 .

你可能感兴趣的:(vue组件-组件注册)