Как включить компонент vue только в случае необходимости в спа?

Question

Я создал компоненты и сохранил их в разных файлах «.vue» и скомпилировал их с помощью elixir/gulp и, конечно же, обозреватель.

Я в том числе всех компонентов в один JS файл,

Я хочу знать, что, как уменьшить размер файла «build.js», который называется каждый раз, когда на каждой странице, которая содержит все компоненты приложение.

Было бы полезно знать такой способ включения компонентов только тогда, когда они необходимы.

Этот вопрос не относится к Вью-маршрутизатор

Я новичок в vue.js

Answer 1

Вот ваш ответ: http://router.vuejs.org/en/lazy.html

Это изначально поддерживается в Webpack. Пример:

require(['./MyComponent.vue'], function (MyComponent) { 
    // code here runs after MyComponent.vue is asynchronously loaded. 
}) 

Если вы хотите сделать это с Broswerify, вам нужно https://github.com/substack/browserify-handbook/blob/master/readme.markdown#partition-bundle. Код выглядит так:

router.map({ 
    '/async': { 
    component: function (resolve) { 
     loadjs(['./MyComponent.vue'], resolve) 
    } 
    } 
})