Comment inclure un composant vue uniquement lorsque requis dans le spa?

Question

J'ai fait des composants et enregistré dans différents fichiers '.vue' et les compiler avec l'aide d'elixir/gulp et bien sûr de browserify.

Je comprend tous les composants dans un seul fichier js,

Je veux savoir que la façon de réduire la taille du fichier « build.js » qui est appelé à chaque fois dans chaque page qui contient tous les composants de l'application.

Il serait utile de connaître une telle manière d'inclure des composants seulement quand ils ont exigé.

Cette question n'a rien à voir Vue-routeur

Je suis nouveau à vue.js

Answer 1

Voici votre réponse: http://router.vuejs.org/en/lazy.html

Ceci est supporté nativement dans Webpack. L'exemple est:

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

Si vous voulez le faire avec Broswerify, vous aurez besoin https://github.com/substack/browserify-handbook/blob/master/readme.markdown#partition-bundle. Le code ressemble à:

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