todomvc example: pre-initialize state before mounting app

usench · Jul 14, 2016 · b8c3b5a · b8c3b5a
1 parent c1d8ccb
commit b8c3b5a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/examples/todomvc/index.html b/examples/todomvc/index.html
@@ -16,7 +16,7 @@
 		  height: 60px;
 		}
 		.todo-move, .todo-enter-active, .todo-leave-active {
-		  transition: all .25s cubic-bezier(.55,0,.1,1);
+		  transition: all .25s cubic-bezier(.5,0,.1,1);
 		}
 		.todo-enter, .todo-leave-active {
 		  opacity: 0;
@@ -94,6 +94,9 @@ <h1>todos</h1>
 		<script>metrics.beforeRender = now()</script>
 		<script src="js/app.js"></script>
 		<script src="js/routes.js"></script>
+		<script>
+		  app.$mount('.todoapp')
+		</script>
 		<script>metrics.afterRender = now()</script>
 		<script src="perf.js"></script>
 	</body>

diff --git a/examples/todomvc/js/app.js b/examples/todomvc/js/app.js
@@ -21,10 +21,6 @@
 	};
 
 	exports.app = new Vue({
-
-		// the root element that will be compiled
-		el: '.todoapp',
-
 		// app initial state
 		data: {
 			todos: todoStorage.fetch(),