Vue实现页面初始化过程父组件向子组件传网络请求回的参数

最新推荐文章于 2022-12-10 17:00:50 发布

原创最新推荐文章于 2022-12-10 17:00:50 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Vue #axios #ajax

JavaScript 同时被 2 个专栏收录

9 篇文章

订阅专栏

Vue

5 篇文章

订阅专栏

本文介绍如何在Vue项目中引入jQuery并使用Ajax实现同步请求。通过将网络请求函数置于组件的beforeCreate生命周期钩子中，并在data选项内定义所需传递的参数，确保参数能够正确初始化。

                    
                    Vue传参

加载jquery：1， npm install jquery  2, import $ from “jquery”
不要使用axios，因为axios默认为异步操作且无法修改。这里需要改用ajax，并且async：false。
将带有网络请求的函数写到组件的beforeCreate{}中，需要传入的参数写在data(){}。由于beforeCreate{}先于data(){}执行其中的方法，因此才能初始化data(){}里面的需要传的参数。