vue基本知识-8.vue的ajax类库vue-resource使用（vue-ajax的使用案例）

类库地址：

https://github.com/pagekit/vue-resource

1、打开类库地址里的使用说明，找到示例代码

adde255953735acc2cd95d1eda479ab2.png

说明：老师的视频接口用postman正常，但是用vue扩展类库的ajax请求过来后部分出错，跨域问题

最后是php版本的问题

（1）list.html代码

    
    
    
    
    



    

        

            图文列表
 
        

            

                

                    
                
                

                    

                        
带有媒体的列表二
                        
08:00
                    
                    

                        在下方我们加入了aui-info信息条
 
                
            
            

                

                    流浪男
                
                
2015-07-14 10:31
            
        
    

（2）效果

3b78f7698917faffdc1939a49a6212b5.png

2、完成的

（1）list.html 代码

    
    
    
    
    



    

        

            图文列表
        
        

            

                

                    
                
                

                    

                        
带有媒体的列表二
                        
08:00
                    
                    

                        {{ vo.title }}
                    
                
            
            

                

                    
                    {{ vo.author }}
                
                
{{vo.create_time}}
            
        
    

19b951c2f9911e02c5b6e024abbcacab.png

（2）postman的请求数据：

4cf68b41fa75d07b0c7ab6599d677c57.png

重点单独说明

（3）js请求代码：

1508bfd770ee1f404041eede31809ab8.png

（4）模板渲染：

77f8bd716a02a93a205190180a54bd1e.png