多环境变量 、mixin 混入 、Vue.extend ---扩展

        多环境变量：

一般分为开发环境和生产环境

development 开发

production 生产（上线）

怎么配置多环境变量

首先建立两个文件 在根目录

.env.dev

里面写上 NODE_ENV="development"

.env.prod

里面写上 NODE_ENV="production"

这样我们可以通过 process.env.NODE_ENV 这个变量来判断当前的环境

比如我们可以通过判断不同的环境 在 axios 请求的时候设置不同的 baseURL

在开发的时候使用测试接口

在上线的时候使用真实接口

npm run serve 开启的就是开发环境

npm run build 开启的就是生产环境

mixin 混入：

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”，出现冲突的时候以组件优先

比如 生命周期函数就会合并 但是如果组件和混入有相同的变量的时候 会以组件的优先

全局混入

混入也可以进行全局注册。使用时格外小心！一旦使用全局混入，所有的实例都会触发

Vue.extend：

        使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。

可以理解为创建子组件的 可以用 mount 或者 el 指定这个子组件挂载到哪里