养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-09 04:26:28

在开发vue项目时,我们可能要引用第三方js插件,需要引入远程js。那么,vue组竭惮蚕斗件方式引用远程js怎么调用?

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

工具/原料

vue

element

JavaScript

HBuilderX

截图工具

WPS

浏览器

方法/步骤

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怎么调用

© 一点知识