如何仅在spa中需要时才包含value组件

How to include a vue component only when required in spa?

本文关键字：包含 value 组件 何仅 spa      更新时间：2023-09-26

我制作了组件并保存到不同的' '中。在elixir/gulp和browserify的帮助下编译它们。

我包括所有的组件到一个js文件，

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

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

这个问题与Vue-router

无关。

I am new to vue.js

答案如下: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)
    }
  }
})
相关文章：