美文网首页
VUE 动态组件&异步组件

VUE 动态组件&异步组件

作者: 尼莫nemo | 来源:发表于2018-11-21 14:08 被阅读0次

    在动态组件中使用 keep-alive

    • 在动态组件中使用keep-alive可一缓存组件 在组件切换的时候不会重新创建组件,会复用原来的组件保持原来组件的状态

    异步组件

    • 在大型的应用中我们需要将应用分割成一小块的代码块,并且在需要的时候才重服务加载,为了简化,vue提供一个工厂函数定义你的组件,这个函数会异步解析你组件定义。Vue只有在这个组件被需要渲染的时候才会触发改函数。额且会吧结果缓存起来,在未来使用。
    Vue.component('async-example', function (resolve, reject) {
      setTimeout(function () {
        // 向 `resolve` 回调传递组件定义
        resolve({
          template: '<div>I am async!</div>'
        })
      }, 1000)
    })
    

    相关文章

      网友评论

          本文标题:VUE 动态组件&异步组件

          本文链接:https://www.haomeiwen.com/subject/naiqqqtx.html