Activation/Deactivation & $lazy

Author: Guillaume Chau

README.md

@@ -226,6 +226,39 @@ computed: {
 }
 ```
 
+#### Activating and deactivating meteor data
+
+You can deactivate and activate again the meteor data on the component with `this.$startMeteor` and `this.$stopMeteor`:
+
+```javascript
+export default {
+  meteor: {
+    // ...
+  },
+
+  methods: {
+    activate () {
+      this.$startMeteor()
+    },
+
+    deactivate () {
+      this.$stopMeteor()
+    },
+  },
+}
+```
+
+You can also prevent meteor data from starting automatically with `$lazy`:
+
+```javascript
+export default {
+  meteor: {
+    $lazy: true,
+    // ...
+  },
+}
+```
+
 #### Freezing data
 
 This option will apply `Object.freeze` on the Meteor data to prevent Vue from setting up reactivity on it. This can improve the performance of Vue when rendering large collection lists for example. By default, this option is turned off.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-meteor-tracker",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Use Meteor Tracker reactivity inside Vue components",
   "main": "index.js",
   "scripts": {

src/vue-plugin.js

@@ -51,6 +51,8 @@ export default {
 
     function launch() {
 
+      this._meteorActive = true
+
       let meteor = this.$options.meteor;
 
       if (meteor) {
@@ -161,18 +163,14 @@ export default {
       // Vue 2.x
       beforeCreate: prepare,
 
-      created: launch,
+      created () {
+        if (this.$options.meteor && !this.$options.meteor.$lazy) {
+          launch.call(this)
+        }
+      },
 
       destroyed: function() {
-        //Stop all reactivity when view is destroyed.
-        this._trackerHandles.forEach((tracker) => {
-          try {
-            tracker.stop()
-          } catch (e) {
-            console.error(e, tracker)
-          }
-        })
-        this._trackerHandles = null
+        this.$stopMeteor()
       },
 
       methods: {
@@ -233,6 +231,28 @@ export default {
           }
         },
 
+        $startMeteor () {
+          if (!this._meteorActive) {
+            prepare.call(this)
+            launch.call(this)
+          }
+        },
+
+        $stopMeteor () {
+          if (this._meteorActive) {
+            //Stop all reactivity when view is destroyed.
+            this._trackerHandles.forEach((tracker) => {
+              try {
+                tracker.stop()
+              } catch (e) {
+                console.error(e, tracker)
+              }
+            })
+            this._trackerHandles = null
+            this._meteorActive = false
+          }
+        },
+
       },
 
     });