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/deprecations.js

@@ -179,7 +179,7 @@ if (process.env.NODE_ENV !== 'production') {
     KEY_FILTER: function () {
       warn(
         'The "key" filter will be deprecated in 1.0.0. Use the new ' +
-        'on-keyup:key="handler" syntax instead.'
+        'on-keyup-key="handler" syntax instead.'
       )
     },
 

src/directives/on.js

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

test/unit/specs/directives/on_spec.js

@@ -71,10 +71,10 @@ if (_.inBrowser) {
       })
     })
 
-    it('with new syntax key filter', function (done) {
+    it('with key filter (new syntax)', 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 () {