use - instead of : for key filters

Author: yyx990803

examples/todomvc/index.html

@@ -14,7 +14,7 @@ <h1>todos</h1>
 					autofocus autocomplete="off"
 					placeholder="What needs to be done?"
 					v-model="newTodo"
-					on-keyup:enter="addTodo">
+					on-keyup-enter="addTodo">
 			</header>
 			<section class="main" v-show="todos.length" v-cloak>
 				<input class="toggle-all" type="checkbox" v-model="allDone">
@@ -31,8 +31,8 @@ <h1>todos</h1>
 							v-model="todo.title"
 							v-todo-focus="todo == editedTodo"
 							on-blur="doneEdit(todo)"
-							on-keyup:enter="doneEdit(todo)"
-							on-keyup:esc="cancelEdit(todo)">
+							on-keyup-enter="doneEdit(todo)"
+							on-keyup-esc="cancelEdit(todo)">
 					</li>
 				</ul>
 			</section>

src/directives/internal/on.js

@@ -41,7 +41,7 @@ module.exports = {
   bind: function () {
     // 1.0.0 key filter
     var rawEvent = this.event = this.descriptor.arg
-    var keyIndex = rawEvent.indexOf(':')
+    var keyIndex = rawEvent.indexOf('-')
     if (keyIndex > -1) {
       this.event = rawEvent.slice(0, keyIndex)
       this.key = rawEvent.slice(keyIndex + 1)

test/unit/specs/directives/internal/on_spec.js

@@ -53,7 +53,7 @@ if (_.inBrowser) {
     it('with key filter', function (done) {
       new Vue({
         el: el,
-        template: '<a on-keyup:enter="test">{{a}}</a>',
+        template: '<a on-keyup-enter="test">{{a}}</a>',
         data: {a: 1},
         methods: {
           test: function () {
@@ -74,7 +74,7 @@ if (_.inBrowser) {
     it('with key filter (keycode)', function (done) {
       new Vue({
         el: el,
-        template: '<a on-keyup:13="test">{{a}}</a>',
+        template: '<a on-keyup-13="test">{{a}}</a>',
         data: {a: 1},
         methods: {
           test: function () {