VUX開發使用記錄

1、Vue頁面的傳值

     VUE中頁面的傳值是雙向的，this即整個頁面的數據對象，注意VUE中this的使用。

2、get和post請求：

      1） 在api.js中定義get和post請求方法：包含method、url、parameter等

getCartData(param) {
        var args = {
            method: "get",
            url: 'api://orderHeaders/getOrdersInShoppingCar?orderId=' + param

        };

        return new BusinessRequest().baseRequest(args);
    },

postCartData(orderLineParam) {
        var args = {
            method: "post",
            url: 'api://orderHeaders/preparePay',
            parameter: orderLineParam
        };

        return new BusinessRequest().baseRequest(args);
    },

      2）在VUE中發出get、post請求

let me = this;
let request = HttpBusinessRequest.getCartData(this.id);
request.complete = function() {
        console.log("get.complete");
};
request.success = function(data, status, xhr) {};
request.error = function(data, status, xhr) {
        console.log("get.errorerror");
};
request.send();

3、調通get接口和post接口

      1） 確保後端沒問題（swagger、Restful風格Controller返回對對象的ResponseBody）

      2） 確保前端發出了正確的請求

      3） 詳細分析底層

4、打包部署：

      1）壓縮圖片：http://www.tinypng.com

      2)  修改url：開發調試時，接口應連接個人筆記本IP或者仿真環境，IP應在config->dev.env.js中修改。api.js中的url直接使用api引用後端IP和端口+映射url。部署生產時，url引用的IP應在config->prod.env.js中修改。

      3) 修改版本信息：config->plugin.properties

      4) 運行：npm run build;   ctrl + shift + p ->minxing:打包 ->選擇路徑