cdn在vue应用程序中的条带支付

我使用vue作为CDN,因为应用程序非常简单。 此时,当我添加代码时

<div id="app">
<!-- some code here -->
    <form action="/charge" method="POST">
    <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
          data-key="<%= stripePublishableKey %>"
          data-amount="2500"
          data-name="ec-system payment"
          data-description="You will pay this money for something!"
          data-locale="auto">
    </script>
    </form>
</div>

这段代码给出了如下错误。

模板应该只负责将状态映射到UI。 避免在模板中放置具有副作用的标记,例如 ,因为它们不会被解析

我找到了一些npm库,如“vue stripe”,但我不知道当我将vue与cdn而不是vue cli一起使用时,如何使用此库。