Javascript 如何使用html格式的Vue.js从web服务获取数据?

Javascript 如何使用html格式的Vue.js从web服务获取数据?,javascript,vue.js,Javascript,Vue.js,我想用vue.js从web服务获取数据。但我无法获取数据。是否可以在不安装node.js的情况下使用vue.js?你能帮我吗?先谢谢你 标题 {{data.title} var dataURL='1〕https://swapi.co/api/films/?format=json'; var App=新的Vue{ el:“应用程序”, 数据:{ posts:[//初始化空数组 }, 挂载{ var self=这个 $.getJSONdataURL,functiondata{ self.posts

我想用vue.js从web服务获取数据。但我无法获取数据。是否可以在不安装node.js的情况下使用vue.js?你能帮我吗?先谢谢你

标题 {{data.title} var dataURL='1〕https://swapi.co/api/films/?format=json'; var App=新的Vue{ el:“应用程序”, 数据:{ posts:[//初始化空数组 }, 挂载{ var self=这个 $.getJSONdataURL,functiondata{ self.posts=data.results; }; } }
看起来$未定义。我猜这就是jquery

还修复了其他一些问题。这对我有用

标题 {{post.title} var dataURL='1〕https://swapi.co/api/films/?format=json'; var App=新的Vue{ el:“应用程序”, 数据{//data应该是一个函数 返回{ posts:[//初始化空数组 } }, 挂载{ var self=这个 $.getJSONdataURL,functiondata{ self.posts=data.results; }; } }
您正在添加Vue资源,但使用的是Jquery。退房:

我还对表中的posts数组进行了v-for循环

注意:在使用VueJS时,实际上不需要JQuery

标题 {{item.title} var dataURL='1〕https://swapi.co/api/films/?format=json'; var App=新的Vue{ el:“应用程序”, 资料{ 返回{ posts:[//初始化空数组 } }, 挂载{ 这是。$http.getdataURL.thenres=>{ this.posts=res.body.results }; } }
谢谢你@springbo。这个代码有效。但我想将标题数据显示为类似{{posts.title}的表列。但是当我修改代码时,它没有显示任何数据。因此,您可以这样显示它,或者抓取第一个条目编辑我的答案,使用v-for将api调用的结果显示为arrayMy。祝你好运: