Vue实现流程-模版解析(二)

Vue模版解析

首先我们来写一个Vue的todo-list

<!--  HTML -->
<div id="app">
    <div>
        <input type="text" v-model="title">
        <button @click="add">submit</button>
    </div>
    <ul>
        <li v-for="item in list">{
  {item}}</li>
    </ul>
</div>

// JavaScript
<script src="./vue2.5.13.js"></script>
<script>
    var data = {
   
        title: '',
        list: []
    }
    var app = new Vue({
   
        el: "#app",
        data: data,
        methods: {
   
            add: function() {
   
                if(this.title){
   
                    t