Vue.js nuxt js上的外部javascript片段

Vue.js nuxt js上的外部javascript片段,vue.js,nuxt.js,booking.com-api,Vue.js,Nuxt.js,Booking.com Api,我想在我的nuxt页面中添加一个从booking.com获得的片段,脚本如下所示: <ins class="bookingaff" data-aid="" data-target_aid="" data-prod="map" data-width="100%" data-height="590" data-lang="ualng" data-dest_id="0" data-dest_type="landmark" data-latitude="{{ data.lat }}" data-l

我想在我的nuxt页面中添加一个从booking.com获得的片段,脚本如下所示:

<ins class="bookingaff" data-aid="" data-target_aid="" data-prod="map" data-width="100%" data-height="590" data-lang="ualng" data-dest_id="0" data-dest_type="landmark" data-latitude="{{ data.lat }}" data-longitude="{{ data.lng}}" data-mwhsb="0">
            <!-- Anything inside will go away once widget is loaded. -->
            <a href="//www.booking.com?aid=**">Booking.com</a>
</ins>
        <script type="text/javascript">
            (function(d, sc, u) {
                var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0];
                s.type = 'text/javascript';
                s.async = true;
                s.src = u + '?v=' + (+new Date());
                p.parentNode.insertBefore(s,p);
            })(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');
        </script>

(功能(d、sc、u){
var s=d.createElement(sc),p=d.getElementsByTagName(sc)[0];
s、 类型='text/javascript';
s、 异步=真;
s、 src=u+'?v='+(+新日期());
p、 parentNode.insertBefore(s,p);
})(文档,'script','//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');

所以有一个标签,我必须通过我的点的纬度和经度才能到达附近的酒店。有人知道如何在nuxt中插入这种外部代码段吗?

可以使用自定义nuxt插件包含第三方代码。在实例化根Vue应用程序之前,插件已包含在应用程序中。请参阅此处的文档: