Vue的參數請求與傳遞

Vue不一樣模板之間的參數傳遞

頁面路由帶參數的跳轉：

參數接收：

Vue向服務器請求資源的兩種方式

VUE-RESOURCE

1.Vue.js是數據驅動的，這使得咱們並不須要直接操做DOM，若是咱們不須要使用jQuery的DOM選擇器，就沒有必要引入jQuery。vue-resource是Vue.js的一款插件，它能夠經過XMLHttpRequest或JSONP發起請求並處理響應。也就是說，$.ajax能作的事情，vue-resource插件同樣也能作到，並且vue-resource的API更爲簡潔。另外，vue-resource還提供了很是有用的inteceptor功能，使用inteceptor能夠在請求前和請求後附加一些行爲，好比使用inteceptor在ajax請求時顯示loading界面。

2.vue-resource特色：
（1）體積小
vue-resource很是小巧，在壓縮之後只有大約12KB，服務端啓用gzip壓縮後只有4.5KB大小，這遠比jQuery的體積要小得多。
（2）支持主流的瀏覽器
和Vue.js同樣，vue-resource除了不支持IE 9如下的瀏覽器，其餘主流的瀏覽器都支持。
（3）支持Promise API和URI Templates
Promise是ES6的特性，Promise的中文含義爲「先知」，Promise對象用於異步計算。
URI Templates表示URI模板，有些相似於ASP.NET MVC的路由模板。
（4）支持攔截器
攔截器是全局的，攔截器能夠在請求發送前和發送請求後作一些處理。
攔截器在一些場景下會很是有用，好比請求發送前在headers中設置access_token，或者在請求失敗時，提供共通的處理方式。

VUE AXIOS

vue2.0以後，就再也不對vue-resource更新，而是推薦使用axios。基於 Promise 的 HTTP 請求客戶端，可同時在瀏覽器和 Node.js 中使用。

功能特性
一、在瀏覽器中發送 XMLHttpRequests 請求
二、在 node.js 中發送 http請求
三、支持 Promise API
四、攔截請求和響應
五、轉換請求和響應數據
六、取消請求
七、自動轉換 JSON 數據
八、客戶端支持保護安全免受 CSRF/XSRF 攻擊

vue的axios的請求示例

getmassage() {
        var x = this
        this.axios.post('http://localhost:8080/dic/insert',Qs.stringify(x.dic)
        ).then(function (response){
          console.log(x.dic)
          console.log(response.data);
        }).catch(function (error){
          console.log(error);
        }); 
      }