• Как во vue 3 сделать только рендер компонентов, без замены рут элемента?

    Vadiok
    @Vadiok
    Веб разработчик
    Да, возможно:
    import { createApp } from 'vue';
    
    createApp({
      components: {
        // Список компонентов, которые могут использоваться в шаблоне 
      },
    })
      .use(store)
      .mount('#app');


    Единственный момент - необходимо использовать при подключении сборку, которая поддерживает парсинг шаблонов. По умолчанию используется меньшая по размеру сборка без этой возможности, а за парсинг шаблонов отвечает vue-loader.

    Чтобы код выше работал можно подправить либо импорт на 'vue/dist/vue.esm-bundler.js'', либо добавить во vue.config.js секцию:

    const buildConfig = {
      // Может быть что-то выше
      configureWebpack: {
        resolve: {
          alias: {
            vue$: 'vue/dist/vue.esm-bundler.js',
          },
        },
      },
      // Может еще что-то
    };
    
    module.exports = buildConfig;
    Ответ написан
    2 комментария