组件基础使用

局部：

1、创建

        文件名.vue，里面封装要复用的标签、样式、JS代码

2、引入：

        在 App.vue 中引入组件 ------------- import 组件对象 from 'vue文件路径'

3、注册：

        在 App.vue 中注册组件：

                components：{

                        " 组件名 "：组件对象    // 相同只写一个

                }

4、使用：

         文件名直接当成标签来用 --------- <组件名></组件名>

（ 给style上添加scoped，只针对当前组件内标签有效 ）

全局：

1、创建

        文件名.vue，里面封装要复用的标签、样式、JS代码

2、引入：

        在 main.js 中引入组件：

                import Vue from 'vue'

                import 组件对象 from 'vue文件路径'

3、注册：

        在 main.js 中注册组件：

                Vue.component（“组件名”，组件对象）

4、使用：

        文件名直接当成标签来用 --------- <组件名></组件名>