Vue-jsonp

在根目录下下载插件

npm install jsonp -- save-dev 

使用方法 --- 测试跨域请求一个网址的指定传入关键词的数据

<script>
    import jsonp from 'jsonp'//引入插件
    
    export default {
        created(){
            //jsonp请求数据  jsonp只能用get 不能用post
            var keyword = "李白";
            var baseUrl = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su";
            var _url = baseUrl + "?wd="+keyword+"&cb=callback";
            jsonp(_url,(res)=>{ // ***
                callback(res);
            })
            window.callback = function(data){//--- callback 需要挂载在window下！
                console.log(data)
            }
        }
    }
</script>

---

如果需要引入到别的子组件中使用，则另外单独引入、注册、渲染：

image.png