vue 使用swiper

今天没有事做,所以无聊玩一玩VUE
思路:
写http请求:
获取数据 :通过QQ音乐移动版,得到数据
数据传入data: 会更新视图层,但是swiper他的样式只显示一种,所以才会有最后一步
在update时候创建实例:new swiper


return new Promise((resolve, reject) => {
        let requestObj;
        if (window.XMLHttpRequest) {
            requestObj = new XMLHttpRequest();
        } else {
            requestObj = new ActiveXObject;
        }
        let sendData = '';
        if (type == 'POST') {
            sendData = JSON.stringify(data);
        }
        requestObj.open(type, url, true);
        requestObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        requestObj.send(sendData);
        requestObj.onreadystatechange = () => {
            if (requestObj.readyState == 4) {
                if (requestObj.status == 200) {
                    let obj = requestObj.response
                    if (typeof obj !== 'object') {
                        obj = JSON.parse(obj);
                    }
                    resolve(obj)
                } else {
                    reject(requestObj)
                }
            }
        }
    })

vue代码



你可能感兴趣的:(vue 使用swiper)