Vue 2.0 Double click edit

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
Click the values to edit!
  <ul class="todo-list">
    <li v-for = "todo in todos">
      <input v-if = "todo.edit" v-model = "todo.title"
      @blur= "todo.edit = false; $emit('update')"
      @keyup.enter = "todo.edit=false; $emit('update')">
            <div v-else>
        <label @click = "todo.edit = true;"> {{todo.title}} </label>
      </div>
    </li>
  </ul>


</div>

CSS

.todo {
  background-color: green
}

.editing {
  background-color: red
}

JavaScript

new Vue({
  el: '#app',
  data: {
    todos: [{'title':'one value','edit':false},
    			  {'title':'one value','edit':false},
    				{'title':'otro titulo','edit':false}],
    editedTodo: null,
    message: 'Hello Vue.js!'
  },
  methods: {
    editTodo: function(todo) {
      this.editedTodo = todo;
    },
  }

})