title: How to display the paypal button using vuejs?
body: <p>How can I show up the button of paypal in vuejs? I already tried these below, it shows <strong>build successfull</strong> but the button does not show up. And bdw the input field shows, only the button not.</p>
  
  <p>Is this really impossible to happen, paypal in vuejs?</p>
  
  <pre><code>&lt;template&gt;
      &lt;div id="container"&gt;
          &lt;input type="text" class="form-control"&gt;
          &lt;div id="paypal-button"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script src="https://www.paypalobjects.com/api/checkout.js"&gt;&lt;/script&gt;
  &lt;script&gt; 
      export default {
          mounted() {
              paypal.Button.render({
                  env: 'sandbox',
                  client: {
                      sandbox: 'ARQ-WKAkFn3g4C111Ud3lLaUAfzagvJ_pmkLKBVMASvv6nyjX3fv3j0gtBdJEDhRPznYP9sLtf9oiJfH',
                      production: 'EFNo9sAyqiOmnlRHsAdXiGBf6ULysEIfKUVsn58Pq6ilfGHVFn03iVvbWtfiht-irdJD_df1MECvmBC2'
                  },
  
                  locale: 'en_US',
                  style: {
                      size: 'medium',
                      color: 'gold',
                      shape: 'pill',
                  },
  
                  commit: true,
  
                  payment: function(data, actions) {
                      return actions.payment.create({
                          transactions: [{
                              amount: {
                                  total: '11',
                                  currency: 'USD'
                              }
                          }]
                      });
                  },
  
                  onAuthorize: function(data, actions) {
                      return actions.payment.execute().then(function() {
                          window.alert('Thank you for your purchase!');
                      });
                  }
              }, '#paypal-button');
  
              console.log('notification mounted');
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Error in my console:</p>
  
  <blockquote>
    <p>ReferenceError: "paypal is not defined"</p>
  </blockquote>
  
  <p><hr>
  I also tried other functions <code>created()</code>, and <code>init()</code> but still doesn't show.</p>