由于css选择器是根据元素定义的权重来计算加载的，所以把自己的css文件Link放在bootstrap后面未必会覆盖掉其样式（不过推荐先这样尝试一下）
但最保险的办法是为页面上的其中一个根元素指定其他任意ID，例如：<body id =“mystyle”>
这样，尼可以在你的ID前面添加任何CSS选择器，立即为元素添加100点的权重，并覆盖Bootstrap定义
#mystyle h1 {
line-height: 1
color: inherit
}
在自己的css文件中直接采用以上的根据id定义的写法，就可以提高你的定义的权重值，从而覆盖bootstrap 的样式
主要有局部引入和全局引入。1、局部引入：在各自vue文件中使用，互不干扰style标签里面的关键字scoped【限位标记】添加这个关键字的作用：将这个style里面的样式都限制在该组件中，不会影响其他的组件。
2、全局引入：作用于全局，让很多内容都使用这个样这个就要回到App.vue中；
步骤一：建立自己专门存放自定义样式的css文件；
步骤二：在App.vue中新建；
步骤三：将css文件通过import‘css文件位置’引入到style标签中，作为全局样式覆盖。
