vue项目中的局部组件和全局组件

一、全局组件：
在项目main.js中引入自己写的文件，以之前那个文件目录为例

import Vue from 'vue'
import App from './App' //此处引入的是App.vue的组件
import router from './router'

二、局部组件：
在使用改组件的文件中直接引入

import MyComponent from '@/components/MyComponent.vue';

• 当全局组件与局部组件同时存在的时候，全局组件会被局部组件覆盖

三、组件的结构：
主要包括三个部分：界面展示的代码template、业务实现代码script、界面布局代码style

1. template ，每个组件必须只有一个根元素，建议将模板中的内容全部打包装在一个新元素内：

2. script,主要写JS代码，组件UI的引用以及数据的绑定都是在这个标签中：

3、style标签，写CSS样式，以及样式的引入：