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怎么调用
  • 原神绿华景话另一块石头位置分享
  • 光遇雪人裤子兑换图一览攻略
  • 怎样禁止网页“另存为”
  • 机智的监狱生活第三集为什么接不上
  • 怎么定轨武器图莱杜拉的回忆
  • 热门搜索
    关于五一劳动节的手抄报 教师节手抄报模板 父亲节手抄报好画字少 熄灯一小时手抄报 奥运手抄报 新学期新打算手抄报 欢度国庆手抄报简单 欢度国庆手抄报图片 新年英语手抄报 战争手抄报