第一步：先獲取后台的API
這里已經寫好了后台，API是bookAction_getAllBook
第二步：創建jsp文件並導入vue.js和JQuery.js
第三步：寫上Model
第四步：寫上View
這時頁面上的顯示的數據都是寫死的，這時候就需要寫上ajax通過它來獲取到后台的數據並把它顯示出來
第五步：ajax
先把model定義成一個帶有bookList的空數組以便於存放后台獲取的json數據
這時候要注意，這里有兩個方法，我推薦使用的是方法二，因為方法一有一個不好的地方就是在頁面成功的時候他會不停的new Vue，
但你多次訪問頁面的時候會造成new出很多個Vue，這樣會侵占過多的內存，而方法二是單獨獨立出來的，不管怎么訪問都是只new出
一個Vue，這樣大大節省了內存的空間;
別忘了調用函數......
最后結果是：
這時還沒結束，我們還要做一個刷新按鈕，模仿點擊時在不刷新頁面的情況下刷新出新的數據
首先先定義一個按鈕，並且給它綁定點擊事件調用ajax
效果是：
當我點擊圖片按鈕時則調用getData函數重新運行一邊ajax方法達到重新獲取后台的數據
這時我們要往后台添加一條數據
這時我們的前端頁面數據還沒顯示出來....
當點擊圖片按鈕時...
以上是每天筆記
^_^ Yeah....