diff --git a/template/examples/add/index.html b/template/examples/add/index.html
index 9fce25c..406f470 100644
--- a/template/examples/add/index.html
+++ b/template/examples/add/index.html
@@ -3,18 +3,21 @@
   <head>
     <meta charset="utf-8">
     <title>add example</title>
-    <script src="../../node_modules/vue/dist/vue.min.js"></script>
+    <script src="../../node_modules/vue/dist/vue.js"></script>
     <script src="../../dist/{{ name }}.js"></script>
   </head>
   <body>
-    <p>${ value }</p>
+    <div id="app">
+      <p>${ value }</p>
+    </div>
     <script>
-      Vue.config.delimiters = ['${', '}']
       var vm = new Vue({
-        el: 'body',
-        data: { value: 0 }
-      })
-      vm.value = vm.$add(1, 1)
+        delimiters: ['${', '}'],
+        data: { value: 0 },
+        mounted: function () {
+          this.value = this.$add(1, 1)
+        }
+      }).$mount('#app')
     </script>
   </body>
 </html>
