vue组件封装

1. 全局注册---在main.js中

1.1 首先创建一个xxx.vue文件

1.2 在main.js中引入 语法如下：import '组件对象' from 'xxx.vue文件路径'

1.3 组件注册 语法如下： Vue.component("组件名","组件对象")；

1.4 把组件名在需要设置的某xxx.vue文件中当标签使用

2. 局部注册---在所需设置的某xxx.vue文件中

2.1 首先创建一个xxx.vue文件

2.2在所需设置的某xxx.vue文件中引入 语法如下：import '组件对象' from 'xxx.vue路径';

2.3在某xxx.vue文件中注册 语法如下：components:{"组件名":"组件对象"}

2.4 把组件名某xxx.vue文件中当作标签使用

以上全局注册和局部注册要注意：标签名能大写，但最好是小写。驼峰命名法可用-隔开（全部转小写后，如：MyHobby转为：my-hobby）