Vue中如何注册全局组件和本地组件（详解）

Vue注册组件分为两种，一种是全局组件，一种是本地组件。全局的写法在整个项目中经常使用（优点：多次使用，方便省事），而局部组件的使用比较少（特定页面除外）。注册全局组件：注册后可以直接在任意组件中使用标签，无需在每个组件本地引入和注册。通常，公共组件放在src文件夹下的components文件夹下，这里的组件是全局注册的。方法步骤：1、在src文件夹下新建components文件夹，一般存放组件文件。2.在文件夹中新建一个components.js文件。3、在components.js文件中导入所有需要注册的全局组件。4、在main.js中引入components.js文件，使用Vue.use()全局注册代码：-在components.js文件中，importcomponentnameAfrom'@/components/componentnameA'importcomponentnameBfrom'@/components/组件名B'exportdefault(Vue)=>{Vue.component("组件名A",组件名A)//前者必须是字符串格式Vue.component('组件名B',组件名B)}在main.js中引入插件importcomponentsfrom'@/components/components.js'Vue.use(components)newVue({//...})全局组件的使用（直接使用)RegisterPartialComponents：页面中的私有组件放在各自的页面文件夹中，使用下面的代码在本地注册importComponentAfrom'./ComponentA'importComponentBfrom'./ComponentB'导出默认{名称：“部分”，组件：{ComponentA，ComponentB}，}