可以有以下幾個方法坟岔，關(guān)鍵看希望在什么環(huán)境下使用
1. JS/CSS想在全局使用，可以通過npm 安裝后在main.js中引入摔桦，或在index.html中引入社付，這種大多不必說
2. 想在單頁面使用，而又不想通npm安裝邻耕，那個可以通過創(chuàng)建一個component的方式來引入鸥咖，如下
<template>
<div id="baseReport" >
<remote-css ></remote-css>
<remote-css ></remote-css>
<remote-css ></remote-css>
<remote-js src="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/js/bootstrap.bundle.js"></remote-js>
<remote-js src="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/js/bootstrap.js"></remote-js>
<div class="card-group">
<div class="card">
這里是內(nèi)容
</div>
<div class="card">
這里是內(nèi)容
</div>
<div class="card">
這里是內(nèi)容
</div>
</div>
</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",
data() {
return {
}
},
mounted(){
},
methods:{
}
};
</script>
<style scoped>
</style>
