讲解Vue.js基于$的数据采集 ajax和组件数据绑定的细�

Vue.js和jQuery不冲突吗？

在实际应用中，几乎90%的数据来自服务器，前端和服务器之间的数据交互通常通过ajax请求来完成。说到ajax请求，第一反应肯定是jQuery。如果在项目中引入jQuery，将帮助我们简化很多操作，简化DOM操作，通过ajax方法获取后端数据。

但是，Vue.js和jQuery冲突吗？

答案显然是没有冲突的！

接下来，我们将在Vue.js组件中实现jQuery的ajax方法，以获取服务器端数据并将其绑定到组件的数据。

创建Vue.js单文件组件

template div class=' id ' { ret } }/div div class=' id ' { data } }/div/div/template script导出默认{ name: ' Test，data(){ ret { ret : ' '，data:'' }，mounted(){ this。$ NextTick(()={ var=this；$.ajax({ type:'get '，URL : '//wuan life _ API/index . PHP/Post/get _ collect _ Post '，data:{user_id:1}，success : function(data){ that . ret=data . ret；that . data=data . data；} }) }) } }/scriptstyle。id { font-size : 25px；相对位置：left:50pxright:50px}/stylejson数据

复制代码如下： {'ret' :200，' data' : {'page _ count' :1，' current _ page' 33601，' post ' 3360[]}，' msg' : null}

页面效果

ajax获取数据后，可以通过将数据绑定到组件对象的数据来获取数据。

这样，通过使用从服务器获得的数据，可以正确地呈现页面。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。