diff --git a/demo/bower.json b/demo/bower.json
index 0807b42a..756d42d4 100644
--- a/demo/bower.json
+++ b/demo/bower.json
@@ -16,6 +16,6 @@
   ],
   "dependencies": {
     "foundation": "~5.4.7",
-    "vue": "~0.10.6"
+    "vue": "^2.5.16"
   }
 }
diff --git a/demo/tokenize.html b/demo/tokenize.html
index 9fa8a5fb..113fea65 100644
--- a/demo/tokenize.html
+++ b/demo/tokenize.html
@@ -91,7 +91,7 @@ <h1>kuromoji.js demo</h1>
                         </tr>
                         </thead>
                         <tbody>
-                        <tr v-repeat="token: tokens">
+                        <tr v-for="token in tokens">
                             <td>{{token.surface_form}}</td>
                             <td>{{token.pos}}</td>
                             <td>{{token.pos_detail_1}}</td>
@@ -110,7 +110,7 @@ <h1>kuromoji.js demo</h1>
                     <a href="#" v-on="click: drawGraph" v-show="svgStyle=='hidden'" class="radius button">ラティスを表示する</a>
                     -->
 
-                    <svg v-style="visibility: svgStyle" width="100%" height="800px">
+                    <svg v-bind:style="{ visibility: svgStyle }" width="100%" height="800px">
                         <g id="lattice" transform="translate(20,20)"></g>
                     </svg>