如何在VUE单页面引入CSS、JS（CDN链接) 2021-0

想在单页面使用，而又不想通npm安装，那个可以通过创建一个component的方式来引入，如下
<template>
     <div id="baseReport" >
         <remote-css href="https://cdn.bootcss.com/bootstrap/4.2.1/css/bootstrap-grid.min.css" />
         <remote-js src="https://cdn.bootcss.com/bootstrap/4.2.1/js/bootstrap.bundle.js" />
      </div>
</template>

<script>
export default {
    components:{
         'remote-css': {
             render(createElement) { 
                return createElement('link', { attrs: { rel: 'stylesheet', href: this.href }});
             },
             props: {
                href: { type: String, required: true },
             },
            },

        'remote-js': {
            render(createElement) {
              return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});       
             },
            props: {
                src: { type: String, required: true },
            },
        },
    },
  name: "baseReport"
};

</script>

原文链接：https://blog.csdn.net/kielin/article/details/86649074