반응형
빌드 후 외부 Vue 구성 요소 사용
플러그인이 있는 웹사이트를 만들려고 하는데, 관리 패널은 모두 Vue.js이며, 플러그인을 외부 컴포넌트(등급)로 하고 싶습니다.vue, AdsConnect.vue), 어떻게 하면 될까요?
제가 봤을 때Eval
기능은 도움이 됩니다만, 잘 모르겠습니다.외부 컴포넌트를 사용할 수 없는 경우에는 컴포넌트 자체를 조립한 후에 사용할 수 있습니까?
try {
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
window.Vue = require('vue');
} catch (e) {
}
import Vuetify from 'vuetify'
Vue.use(Vuetify);
import App from './App.vue'
const app = new Vue({
el: '#app',
render: h => h(App),
vuetify: new Vuetify({
icons: {iconfont: 'mdi'},
}),
});
이 템플릿은 모든 플러그인의 기본 템플릿이어야 합니다.
서브에서 .vue 파일을 호스트하는 경우 이 라이브러리 https://github.com/FranckFreiburger/http-vue-loader를 Vue2용으로, https://github.com/FranckFreiburger/vue3-sfc-loader를 Vue3용으로 사용할 수 있습니다.
이 라이브러리는 http를 통해 컴포넌트를 로드합니다.
언급URL : https://stackoverflow.com/questions/64280215/using-external-vue-component-after-build
반응형
'source' 카테고리의 다른 글
Big Decimal이 0보다 큰지 비교합니다. (0) | 2022.08.07 |
---|---|
Vue.js에서 오류를 올바르게 발생시키는 방법 (0) | 2022.08.07 |
Vue는 감시된 속성이 계산된 속성과 동일하게 캐시됩니까? (0) | 2022.08.07 |
Executor Service, 모든 작업이 완료될 때까지 기다리는 방법 (0) | 2022.08.03 |
Vue와 함께 글꼴 awesome을 사용하여 타이프스크립트 빌드 오류 발생 (0) | 2022.08.03 |