Vue中在JS文件中调用其他文件JS方法

时间:2024-10-12 03:47:09

1、打开HBuilderX开发工具,下载和安装Vue框架项目

Vue中在JS文件中调用其他文件JS方法

2、接着新建JavaScript文件,输入文件名称color.js,然后点击创建

Vue中在JS文件中调用其他文件JS方法

3、在color.js文件中,定义方法showColor,并传入参数param并返回

Vue中在JS文件中调用其他文件JS方法

4、使用同样的方法,定义一个JavaScript文件param.js,然后点击创建按钮

Vue中在JS文件中调用其他文件JS方法

5、在param.js文件中,定义字符串变量param并赋值为红色

Vue中在JS文件中调用其他文件JS方法

6、创建一个vue组件文件Blue.vue,输入完文件名称后,点击创建

Vue中在JS文件中调用其他文件JS方法

7、打开Blue.vue文件,利用eleme艘绒庳焰nt进行布局,依次导入color.js和param.js,然后在mounted中,调用showColor并传入参数param

Vue中在JS文件中调用其他文件JS方法

8、接着打开App.vue文件,导入组件Blue,然后在界面中引入组件

Vue中在JS文件中调用其他文件JS方法

9、保存代码并运行项目,打开浏览器查看效果,结果可以发现函数和参数都被调用了

Vue中在JS文件中调用其他文件JS方法
© 手抄报圈