vue ajax获取的数据怎么放到data里面

vue ajax获取的数据怎么放到data里面,第1张

$.ajax({

 type: 'GET',

 url: '/projects',

 // data to be added to query string:

 data: { name: 'xxx' },

 // type of data we are expecting in return:

 dataType: 'json',

 // 下面function后面的data 就是后台给你的data你不需要放,后台放你面你只要拿就好

 // 例如 后台给你的数据是 {q1:1}

 success: function(data){

   //那么你只需要再这里拿一下数据即可

   console.log(data.q1) // 1

 },

 error: function(xhr, type){

   alert('Ajax error!')

 }

})

这样用,要使用 Vue,我们可以直接在 Vue.js 的官网直接下载 vue.min.js 文件,然后在 HTML 页面中通过

或者也可以不下载 vue.min.js 文件,直接引入 Vue 文件地址,例如:

使用前(在运行时)要确保 Vue 文件已经加载完成再然后进行其他 *** 作(代码加载的顺序是很重要的)。

需要在data 上挂载数据

需求

在vue中有这样一中情况: 在父组件中需要调用子组件的方法,甚至是用到子组件中数据,这种情况怎么做?

解决

Vue3中,如果要在父组件拿到子组件(子组件的DOM结构、数据、方法),可以通过 ref。

在父组件中定义响应式数据 ref(null) ,并绑定给子组件。

在需要的时候,通过定义的响应式变量即可获取。获取后,即获取了子组件的一切,可以看到子组件的DOM结构,也可以看到子组件中对外暴露的的数据和方法,并且可以直接调用。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11612008.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存