source

빌드 후 외부 Vue 구성 요소 사용

goodcode 2022. 8. 7. 16:49
반응형

빌드 후 외부 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

반응형