javascript - 如何仅在 spa 中需要时才包含 vue 组件？

Question

我已经制作了组件并保存到不同的“.vue”文件中，并在 elixir / gulp 和 browserify 的帮助下编译它们。

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

我想知道如何减少每次在包含应用程序所有组件的每个页面中调用的“build.js”文件的大小。

了解这种仅在需要时才包含组件的方法会很有帮助。

这个问题与 Vue-router 无关

我是 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)
    }
  }
})