diff --git a/lib/app/index.js b/lib/app/index.js
index 740c6b41c4..18f0aca2bd 100644
--- a/lib/app/index.js
+++ b/lib/app/index.js
@@ -41,7 +41,12 @@ require('<%= pluginPath %>')
 // root instance
 // here we inject the router and store to all child components,
 // making them available everywhere as `this.$router` and `this.$store`.
-const defaultTransition = <%= serialize(transition) %>
+const defaultTransition = <%=
+serialize(transition)
+.replace('beforeEnter(', 'function(').replace('enter(', 'function(').replace('afterEnter(', 'function(')
+.replace('enterCancelled(', 'function(').replace('beforeLeave(', 'function(').replace('leave(', 'function(')
+.replace('afterLeave(', 'function(').replace('leaveCancelled(', 'function(')
+%>
 const app = {
   router,
   <%= (store ? 'store,' : '') %>