接上篇，在本篇中，我們將要實現如下，功能，編輯和查詢，我們當前的todolist程序，和線上其它的demo程序不同，我們會對其進行增刪改查的基本操作，之后進行進一步的完善，按照常規(guī)的系統(tǒng)使用經驗，一般我們新增和編輯都是在模態(tài)框中處理，這里我們不會去構建復雜的模態(tài)框，只用一個簡單的div層來代替，后期接下來的文章中我們會重復造輪子，構建我們自己的輕量級框架（UI庫）。
首先，我們對我們的頁面結構進行一下簡單的調整，加入bootstrap只是為了讓頁面不那么赤裸裸，對其它不會有任何影響
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>demo1</title>
<script src="https://cdn.bootcss.com/vue/2.4.1/vue.js"></script>
<link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.css" rel="stylesheet"></head><body class="container">
<div id="app" class='row'>
<div class="col-md-6">
<table class="table table-bordered">
<tr>
<th>title</th>
&nb
