chearon · May 25, 2018 23:31 · May 25, 2018
diff --git a/freeze_prop.js b/freeze_prop.js
@@ -0,0 +1,61 @@
+const Vue = require('vue');
+bigarray = [];
+
+for (let i = 0; i < 30000; ++i) {
+	bigarray.push({a: Math.random(), b: Math.random(), c: Math.random(), d: Math.random(), e: Math.random(), f: Math.random(), g: Math.random(), h: Math.random(), i: Math.random()});
+}
+
+let freeze = false;
+
+/**
+ * Pretend like this is the store
+ */
+store = new Vue({
+	data: {bigarray},
+	computed: {
+		filtered() {
+			const ret = this.bigarray.filter((item, i) => {
+				item.a; // pretend like we depend
+				item.i; // on some things
+				return i % 2 === 0;
+			});
+
+			return freeze ? Object.freeze(ret) : ret;
+		},
+	}
+});
+
+function touchArray() {
+	for (const item of bigarray) {
+		item.a = Math.random();
+	}
+}
+
+function test() {
+	console.time(`freeze=${freeze}`);
+	const vm = new Vue({
+		props: ["list"],
+		propsData: {list: store.filtered},
+		computed: {
+			sorted() {
+				return this.list.slice().sort((a, b) => a.i - b.i);
+			}
+		}
+	});
+
+	vm.sorted;
+	console.timeEnd(`freeze=${freeze}`);
+}
+
+freeze = true;
+test(), touchArray();
+test(), touchArray();
+test(), touchArray();
+test(), touchArray();
+test(), touchArray();
+freeze = false;
+test(), touchArray();
+test(), touchArray();
+test(), touchArray();
+test(), touchArray();
+test(), touchArray();