資訊專欄INFORMATION COLUMN
摘要：最近是讓給我折騰的做夢都夢見寫。。。留言可按回復已留暫無留言刪除該寫了返回失敗內容時間戳頂次數(shù)踩次數(shù)失敗
最近是讓json給我折騰的做夢都夢見寫json???。。。阿歐～琢磨著我算是明白了吧～我說說看，你們聽聽看～有不同觀點可以給我留言喲～
接口就是由前后端協(xié)定好異步交互數(shù)據(jù)的方式，使用ajax的形式或者jsonp的形式進行傳遞，數(shù)據(jù)格式可以是字符串或者json
這次用到的知識點：
vue生命周期: （鉤子函數(shù)）
created -> 實例已經創(chuàng)建 √ new Vue()創(chuàng)建完成成功之后調用方法 beforeCompile -> 編譯之前 compiled -> 編譯之后 ready -> 插入到文檔中 √ beforeDestroy -> 銷毀之前 destroyed -> 銷毀之后
之前講的get／post/jsonp的方式也可以用下面這種方式寫：
this.$http({
url:地址
data:給后臺提交數(shù)據(jù),
method:"get"/post/jsonp
jsonp:"cb" //cbName
}).then(function(res){},function(res){});
分析：
原理：通過在textarea中輸入數(shù)據(jù)，通過v-model獲取用戶輸入的數(shù)據(jù)，在add方法通過添加接口將要添加的數(shù)據(jù)格式存在mydata數(shù)組中，這里面的內容是用戶輸入的，所以獲取通過content:this.t1；同樣通過getPage方法獲取一頁數(shù)據(jù)接口，這里面獲取的是數(shù)組，需要循環(huán)遍歷一下，存在mydata數(shù)組中，最后通過created調用一下，然后在結構中用v-for顯示在頁面當中
created:function () {
this.getPage(1);
}
我需要添加數(shù)據(jù)還需要把之前的數(shù)據(jù)顯示出來，這就需要兩個接口，兩個接口都在weibo.php中：
添加一條接口
weibo.php?act=add&content=xxx 添加一條
返回：{error:0, id: 新添加內容的ID, time: 添加時間}
獲取一頁數(shù)據(jù)接口
weibo.php?act=get&page=1 獲取一頁數(shù)據(jù)
返回：[{id: ID, content: "內容", time: 時間戳, acc: 頂次數(shù), ref: 踩次數(shù)}, {...}, ...]
同樣，這里有數(shù)據(jù)交互，仍然需要引入
這里面還有關于時間的自定義過濾器：
Vue.filter("date",function(input){
var oDate=new Date(input*1000);
return oDate.getFullYear()+"-"+(oDate.getMonth()+1)+"-"+oDate.getDate()+" "+oDate.getHours()+":"+oDate.getMinutes()+":"+oDate.getSeconds();
});
結構中過濾一下date：
{{item.time|date}}
還有一個知識點就是在網速慢的情況下會出現(xiàn)花括號，在用到花括號的范圍上加v-cloak解決，當然還有其他解決辦法如v-text="msg">v-html="msg">
{{item.con}}
{{item.time|date}} {{item.acc}} {{item.ref}} 刪除