Vue前后台交互

一直在文档什么的看到的都是静态页面的制作，终于搞明白怎么做交互了。

1. 引入vue.js, vue-resource.js;

2.这就可以开始交互了。

注意：一定要运行在服务器里面，否则输出的是php代码，而非返回值。

有三种交互方式：get、post、jsonp

get：会将请求的参数附在最后

post：不会显示在url中

get、post用来请求某个php文件的参数。

jsonp：JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。其核心思想是利用JS标签里面的跨域特性进行跨域数据访问，在JS标签里面存在的是一个跨域的URL，实际执行的时候通过这个URL获得一段字符串，这段返回的字符串必须是一个合法的JS调用，通过EVAL这个字符串来完成对获得的数据的处理。

定义a.txt

内容是：Hello world!

1）get:

php接口：

vue：

    
    
    
    


    

        a= 
        b= 
        a+b={{msg}}
        
    

    

2)  post:

php接口：

vue：

    
    
    
    



    a= 
    b=
    a-b={{msg}}
    

3)  JOSNP:

    
    
    
    


    

        
        
{{msg1}}
        
    
    

最传统的写法：

    
    
    
    



    
    
{{msg1}}