Vue 2.0 实现类似contenteditable效果

by cag2050

HTML

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

<div id="app">
  <ul class="todo-list">
    <li class="todo">
      <div>
        {{message}}
      </div>
      <input class="edit" type="text" v-model="message">
    </li>
  </ul>
</div>

CSS

.todo {
  background-color: green
}

JavaScript

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})