Add click on the vue implementation list

This article has shared the addition clicks of the vue implementation list for your reference. The specific content is as follows

Use commands:v-on v-for v-on v-bind v-model

html

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
 &lt;meta charset="UTF-8"&gt;
 &lt;title&gt;&lt;/title&gt;
 &lt;style&gt;
  body {font-family: "\5FAE\8F6F\96C5\9ED1"}
  .red {color: red;}
  body &gt; div {
   width: 200px;
   margin: 50px auto;
  }
 &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;div &gt;
  &lt;h3&gt;vue——Adding list&lt;/h3&gt;
  &lt;input type="text" v-model="newitem" v-on:="clickKey"&gt;
  &lt;ul&gt;
   &lt;li v-for="item in items" v-text="" 
   v-bind:class="{red:}" v-on:click="liClick(item)"&gt;&lt;/li&gt;
  &lt;/ul&gt;
 &lt;/div&gt;
 &lt;script src="/vue/dist/"&gt;&lt;/script&gt;
 &lt;script src=""&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

 = function() {
 ("todo-item", {
  props: ["todo"],
  template: "<li>{{}}</li>"
 })
 var app = new Vue({
  el: '#app',
  data: {
  items: [
  ],
  newitem: ''
  },
  methods: {
  liClick: function (item) {
    = !;
  },
  clickKey: function () {
   ({
    event: ,
    isFinish: false
   })
    = '';
  }
  }
 });
}

The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.