如何仅在spa需要时包含vue组件？

Question

我已经制作了组件并保存到了不同的“.vue＆＃39;文件并在elixir / gulp的帮助下编译它们，当然还有browserify。

我将所有组件都包含在一个js文件中，

我想知道如何减少＆＃34; build.js＆＃34;每次在包含应用程序的所有组件的页面中调用的文件。

知道这种方法只在需要时才包含组件会很有帮助。

  

此问题与Vue-router

无关      

我是vue.js的新手

Answer 1

以下是您的回答：http://router.vuejs.org/en/lazy.html

Webpack本身支持此功能。例子是：

$timeStamp = new DateTime($dbTimeStamp->format('Y-m-d H:i:s'));

如果您想使用Broswerify进行此操作，则需要https://github.com/substack/browserify-handbook/blob/master/readme.markdown#partition-bundle。代码如下：

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