收入是所有网站必须面对的问题之一，常见网站收入为接入广告商的广告。通过展示量或点击量来获取收益。

对于广告商国内目前使用最广泛的PC端联盟，以百度联盟最为广泛。这里就来介绍如何使用及在vue框架中安装百度联盟的广告位。

第一步：安装广告组件

npm i -S union-ad-vue

第二步：部署代码位

<template>
    <div>
        <UnionAd id="u6924009"></UnionAd>
    </div>
</template>
<script>
    import {createUnionAdComponent} from 'union-ad-vue';
    export default {
        name: 'App',
        components: {
            UnionAd: createUnionAdComponent()
        }
    };
</script>

关于代码位的部署，将UnionAd组件放置在你需要展示的位置即可。

其中id为广告位id，详细位置如下图所示