vue3版本的发布到如今已经过去三年之久，三年间越来越多的项目使用vue3开发。基于vue3框架的各类插件也日益增多，本篇就来介绍关于vue3框架中我们要如何实现接入百度联盟的广告。

vue3版本接入百度联盟广告位，详细流程如下：

第一步：安装百度联盟组件

npm i -S union-ad-vue

第二步：页面中安装代码位

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

id值即广告为id，其中广告位id在如图位置获取。