make wait-for available for static components

Author: yyx990803

src/directives/component.js

@@ -26,6 +26,8 @@ module.exports = {
       // we simply remove it from the DOM and save it in a
       // cache object, with its constructor id as the key.
       this.keepAlive = this._checkParam('keep-alive') != null
+      // wait for event before insertion
+      this.readyEvent = this._checkParam('wait-for')
       // check ref
       this.refID = _.attr(this.el, 'ref')
       if (this.keepAlive) {
@@ -42,14 +44,9 @@ module.exports = {
       this.Ctor = null
       // if static, build right now.
       if (!this._isDynamicLiteral) {
-        this.resolveCtor(this.expression, _.bind(function () {
-          var child = this.build()
-          child.$before(this.anchor)
-          this.setCurrent(child)
-        }, this))
+        this.resolveCtor(this.expression, _.bind(this.initStatic, this))
       } else {
         // check dynamic component params
-        this.readyEvent = this._checkParam('wait-for')
         this.transMode = this._checkParam('transition-mode')
       }
     } else {
@@ -62,6 +59,23 @@ module.exports = {
     }
   },
 
+  /**
+   * Initialize a static component.
+   */
+
+  initStatic: function () {
+    var child = this.build()
+    var anchor = this.anchor
+    this.setCurrent(child)
+    if (!this.readyEvent) {
+      child.$before(anchor)
+    } else {
+      child.$once(this.readyEvent, function () {
+        child.$before(anchor)
+      })
+    }
+  },
+
   /**
    * Public update, called by the watcher in the dynamic
    * literal scenario, e.g. v-component="{{view}}"