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怎么调用
  • 原神绿华景话另一块石头位置分享
  • 光遇雪人裤子兑换图一览攻略
  • 怎样禁止网页“另存为”
  • 机智的监狱生活第三集为什么接不上
  • 怎么定轨武器图莱杜拉的回忆
  • 热门搜索
    放屁多又臭是怎么回事 身份证被盗用怎么办 干鱼怎么做好吃 怎么制作网页 借款条怎么写 微博怎么玩 海蜇头怎么凉拌 玻璃胶怎么去除 绝经怎么办 涨跌幅怎么算