手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

vue组件方式引用远程js怎么调用

时间:2024-10-11 20:00:05

1、打开HBuilderX工具,安装和下载vue模板项目,并安装相关依赖包

vue组件方式引用远程js怎么调用

2、在src的components文件夹下,新建vue组件ScJs.vue文件

vue组件方式引用远程js怎么调用

3、在ScJs.vue组件中,添加一个el-select控件,并绑定数据源

vue组件方式引用远程js怎么调用

4、在mounted函数中,创建一个元素script,并设置type和src属性,然后添加到body中

vue组件方式引用远程js怎么调用

5、打开App.vue文件,使用import导入组件ScJs.vue,然后在页面上引用

vue组件方式引用远程js怎么调用

6、保存代码并运行Vue项目,打开浏览器,可以在NetWork下查看到jquery文件(远程文件)

vue组件方式引用远程js怎么调用

7、在远程js文件被引用到页面后,使用$(function(){})函数,并打印相关文字内容

vue组件方式引用远程js怎么调用

8、保存代码并刷新浏览器,可以在控制台查看到打印结果

vue组件方式引用远程js怎么调用
© 手抄报圈