1.0.0-alpha compat (fix #2)

yyx990803 · yyx990803 · commit 1fabecdbcfb2 · 2015-09-01T10:47:29.000-04:00
diff --git a/vue-async-data.js b/vue-async-data.js
@@ -1,56 +1,71 @@
-var asyncData = {
-  created: function () {
-    if (this.$options.asyncData) {
-      this._defineMeta('$loadingAsyncData', true)
-    }
-  },
-  compiled: function () {
-    this.reloadAsyncData()
-  },
-  methods: {
-    reloadAsyncData: function () {
-      var load = this.$options.asyncData
-      if (load) {
-        var self = this
-        var resolve = function (data) {
-          if (data) {
-            for (var key in data) {
-              self.$set(key, data[key])
+(function () {
+  var vue // lazy bind
+
+  var asyncData = {
+    created: function () {
+      if (!vue) {
+        console.warn('[vue-async-data] not installed!')
+        return
+      }
+      if (this.$options.asyncData) {
+        if (this._defineMeta) {
+          // 0.12 compat
+          this._defineMeta('$loadingAsyncData', true)
+        } else {
+          // ^1.0.0-alpha
+          vue.util.defineReactive(this, '$loadingAsyncData', true)
+        }
+      }
+    },
+    compiled: function () {
+      this.reloadAsyncData()
+    },
+    methods: {
+      reloadAsyncData: function () {
+        var load = this.$options.asyncData
+        if (load) {
+          var self = this
+          var resolve = function (data) {
+            if (data) {
+              for (var key in data) {
+                self.$set(key, data[key])
+              }
             }
+            self.$loadingAsyncData = false
+            self.$emit('async-data')
           }
-          self.$loadingAsyncData = false
-          self.$emit('async-data')
-        }
-        var reject = function (reason) {
-          var msg = '[vue] async data load failed'
-          if (reason instanceof Error) {
-            console.warn(msg)
-            throw reason
-          } else {
-            console.warn(msg + ': ' + reason)
+          var reject = function (reason) {
+            var msg = '[vue] async data load failed'
+            if (reason instanceof Error) {
+              console.warn(msg)
+              throw reason
+            } else {
+              console.warn(msg + ': ' + reason)
+            }
+          }
+          this.$loadingAsyncData = true
+          var res = load.call(this, resolve, reject)
+          if (res && typeof res.then === 'function') {
+            res.then(resolve, reject)
           }
-        }
-        this.$loadingAsyncData = true
-        var res = load.call(this, resolve, reject)
-        if (res && typeof res.then === 'function') {
-          res.then(resolve, reject)
         }
       }
     }
   }
-}
 
-var api = {
-  mixin: asyncData,
-  install: function (Vue, options) {
-    Vue.options = Vue.util.mergeOptions(Vue.options, asyncData)
+  var api = {
+    mixin: asyncData,
+    install: function (Vue, options) {
+      vue = Vue
+      Vue.options = Vue.util.mergeOptions(Vue.options, asyncData)
+    }
   }
-}
 
-if(typeof exports === 'object' && typeof module === 'object') {
-  module.exports = api
-} else if(typeof define === 'function' && define.amd) {
-  define(function () { return api })
-} else if (typeof window !== 'undefined') {
-  window.VueAsyncData = api
-}
+  if(typeof exports === 'object' && typeof module === 'object') {
+    module.exports = api
+  } else if(typeof define === 'function' && define.amd) {
+    define(function () { return api })
+  } else if (typeof window !== 'undefined') {
+    window.VueAsyncData = api
+  }
+})()
