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

2025-04-29 18:08:03

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怎么调用
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢