New option Vue.config.meteor.freeze

Author: Akryum

.meteor/packages

@@ -6,18 +6,18 @@
 
 meteor-base@1.0.4             # Packages every Meteor app needs to have
 mobile-experience@1.0.4       # Packages for a great mobile UX
-mongo@1.1.12-6-beta.12                   # The database Meteor supports right now
-reactive-var@1.0.11-beta.12            # Reactive variable for tracker
-jquery@1.11.10-beta.12                  # Helpful client-side library
-tracker@1.1.1-beta.12                 # Meteor's client-side reactive programming library
+mongo@1.1.12-6-rc.0                   # The database Meteor supports right now
+reactive-var@1.0.11-rc.0            # Reactive variable for tracker
+jquery@1.11.10-rc.0                  # Helpful client-side library
+tracker@1.1.1-rc.0                 # Meteor's client-side reactive programming library
 
 standard-minifier-css@1.3.1   # CSS minifier run for production mode
-standard-minifier-js@1.2.1-beta.12    # JS minifier run for production mode
-es5-shim@4.6.15-beta.12                # ECMAScript 5 compatibility for older browsers.
-ecmascript@0.5.9-beta.12              # Enable ECMAScript2015+ syntax in app code
+standard-minifier-js@1.2.1-rc.0    # JS minifier run for production mode
+es5-shim@4.6.15-rc.0                # ECMAScript 5 compatibility for older browsers.
+ecmascript@0.5.9-rc.0              # Enable ECMAScript2015+ syntax in app code
 
 static-html@1.1.12_1
-check@1.2.4-beta.12
+check@1.2.4-rc.0
 
 apollo
 

.meteor/release

@@ -1 +1 @@
-METEOR@1.4.2-beta.12
+METEOR@1.4.2-rc.0

.meteor/versions

@@ -1,6 +1,6 @@
-accounts-base@1.2.11
+accounts-base@1.2.12_1
 akryum:npm-check@0.0.3
-akryum:vue@1.1.0
+akryum:vue@1.2.0
 akryum:vue-coffee@0.0.2
 akryum:vue-component@0.7.7
 akryum:vue-component-dev-client@0.2.1
@@ -14,67 +14,67 @@ akryum:vue-sass@0.0.4
 akryum:vue-stylus@0.0.4
 akryum:vuex@0.4.1
 allow-deny@1.0.5
-apollo@0.1.1
+apollo@0.1.2
 autoupdate@1.3.11
-babel-compiler@6.13.0-beta.12
-babel-runtime@0.1.12-beta.12
-base64@1.0.10-beta.12
+babel-compiler@6.13.0-rc.0
+babel-runtime@0.1.12-rc.0
+base64@1.0.10-rc.0
 binary-heap@1.0.9
 blaze@2.1.9
 blaze-tools@1.0.10
 boilerplate-generator@1.0.10
-caching-compiler@1.1.7
+caching-compiler@1.1.7_1
 caching-html-compiler@1.0.7
 callback-hook@1.0.9
 ccorcos:subs-cache@0.1.0
-check@1.2.4-beta.12
+check@1.2.4-rc.0
 chuangbo:cookie@1.1.0
-coffeescript@1.2.4_1
+coffeescript@1.2.4_2
 ddp@1.2.5
-ddp-client@1.3.1
+ddp-client@1.3.1_1
 ddp-common@1.2.6
 ddp-rate-limiter@1.0.5
-ddp-server@1.3.10
+ddp-server@1.3.10_1
 deps@1.0.12
 diff-sequence@1.0.6
-ecmascript@0.5.9-beta.12
-ecmascript-runtime@0.3.15-beta.12
-ejson@1.0.13-beta.12
-es5-shim@4.6.15-beta.12
+ecmascript@0.5.9-rc.0
+ecmascript-runtime@0.3.15-rc.0
+ejson@1.0.13-rc.0
+es5-shim@4.6.15-rc.0
 fastclick@1.0.12
 geojson-utils@1.0.9
 hot-code-push@1.0.4
 html-tools@1.0.11
 htmljs@1.0.11
-http@1.2.9
+http@1.2.9_1
 id-map@1.0.8
-jquery@1.11.10-beta.12
+jquery@1.11.10-rc.0
 launch-screen@1.0.12
 livedata@1.0.18
 localstorage@1.0.11
 logging@1.1.15_1
-meteor@1.2.18-beta.12
+meteor@1.2.18-rc.0
 meteor-base@1.0.4
 meteorhacks:fast-render@2.16.0
 meteorhacks:inject-data@2.0.0
 meteorhacks:meteorx@1.4.1
 meteorhacks:picker@1.0.3
-minifier-css@1.2.14
-minifier-js@1.2.15-beta.12
+minifier-css@1.2.14_1
+minifier-js@1.2.15-rc.0
 minimongo@1.0.17
 mobile-experience@1.0.4
 mobile-status-bar@1.0.12
-modules@0.7.7-beta.12
-modules-runtime@0.7.7-beta.12
-mongo@1.1.12_1
+modules@0.7.7-rc.0
+modules-runtime@0.7.7-rc.0
+mongo@1.1.12_5
 mongo-id@1.0.5
-npm-mongo@1.5.49
-observe-sequence@1.0.12
+npm-mongo@2.2.10_1
+observe-sequence@1.0.13
 ordered-dict@1.0.8
-promise@0.8.8-beta.12
+promise@0.8.8-rc.0
 random@1.0.10
 rate-limit@1.0.5
-reactive-var@1.0.11-beta.12
+reactive-var@1.0.11-rc.0
 reload@1.1.10
 retry@1.0.8
 routepolicy@1.0.11
@@ -83,13 +83,13 @@ shell-server@0.2.1
 spacebars@1.0.13
 spacebars-compiler@1.0.13
 standard-minifier-css@1.3.1
-standard-minifier-js@1.2.1-beta.12
+standard-minifier-js@1.2.1-rc.0
 static-html@1.1.13
 templating-tools@1.0.5
 tmeasday:check-npm-versions@0.3.1
-tracker@1.1.1-beta.12
+tracker@1.1.1-rc.0
 ui@1.0.12
-underscore@1.0.10-beta.12
+underscore@1.0.10-rc.0
 url@1.0.10
 use-vue-component@0.0.1
 webapp@1.3.11_1

README.md

@@ -2,7 +2,7 @@
 
 **This project is in beta.**
 
-Tested with Meteor 1.4.2-beta.7
+Tested with Meteor 1.4.2-rc.0
 
 This project contains new meteor packages to help build [meteor](http://meteor.com/) apps with first-class [vuejs](http://vuejs.org/) integration as the ui layer.
 

client/main.js

@@ -28,6 +28,8 @@ Vue.config.meteor.subscribe = function(...args) {
   return subsCache.subscribe(...args);
 };
 
+Vue.config.meteor.freeze = true;
+
 // Router
 const router = new Router({
   history: true,

packages/vue/README.md

@@ -233,6 +233,15 @@ computed: {
 }
 ```
 
+#### 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.
+
+```javascript
+// Disable Vue reactivity on Meteor data
+Vue.config.meteor.freeze = true;
+```
+
 ---
 
 ## Next steps

packages/vue/package.js

@@ -1,6 +1,6 @@
 Package.describe({
   name: 'akryum:vue',
-  version: '1.1.0',
+  version: '1.2.0',
   summary: 'Integrate Vue with Meteor',
   git: 'https://github.com/Akryum/meteor-vue-component',
   documentation: 'README.md'

packages/vue/plugin.js

@@ -15,6 +15,7 @@ export default {
 
     Vue.config.meteor = {
       subscribe: defaultSubscription,
+      freeze: false,
     };
 
     function prepare() {
@@ -62,6 +63,9 @@ export default {
                   if (result && typeof result.fetch === 'function') {
                     result = result.fetch();
                   }
+                  if(Vue.config.meteor.freeze) {
+                    result = Object.freeze(result);
+                  }
                   this[key] = result;
                 });
               }