如何在vue项目中引入js包？前提在npm上没有相关的包安装！

最新推荐文章于 2024-07-18 18:06:55 发布
原创 最新推荐文章于 2024-07-18 18:06:55 发布 · 469 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js #npm

本文以在vue项目中引入uni.webview.1.5.2.js为例。

1、 在public目录下index.html直接用Script标签引入。

在这里插入图片描述

2、点击下载js包

在这里插入图片描述
这里能看到我们下载的js包
在这里插入图片描述

3、在vue页面中使用

在这里插入图片描述

总结

我试过多种方法引入，这种方法是比较简单实用，
网上很多都是说先把js包下载下来放到项目中，然后在main.js中配置全局，但是我试了一下不太行，原因是无法识别到uni属性。
就是在控制台打印uni是可以打印出当前对象，但是打印uni.webView都是报undefined

uniapp 打包 H5 实现在 uniapp 打包 APP 的 webview 通信
Brod-Roy的博客
06-21 3779
本文解决 uniapp 打包的 APP 在 webview 内嵌入 uniapp 打包的 H5 页面的需求，并实现通信。
uniapp支付宝小程序内嵌webview通信uniapp H5项目的解决方案
shmily的博客
05-11 5048
我们在uniapp小程序中内嵌了web-view的一个h5的页面，当点击h5中某个按钮的时候，需要传递参数数据在小程序中接收到，下面是实现方法。在测试的时候我们可以关闭支付宝对于webview和域名的校验，这样只需要跑一下内置的服务就可以了。所以我们在h5项目文件中新建一个html页面，并且在manifest.json中的web配置中应用该html。只需要在路径中拼接参数，在h5中onload生命周期钩子中就可以拿到了。因为uni官方文档对于webview通信的应用是在原生h5中进行的。
uniapp：嵌入本地html页面
sunluyi的博客
10-09 1万+
需要用到的组件：web-view web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。 注意事项： 小程序仅支持加载网络网页，不支持本地html 补充说明：app-vue下web-view组件不支持自定义样式，而v-show的本质是改变组件的样式。即组件支持v-if而不是支持v-show。 小程序端 web-view 组件一定有原生导航栏，下面一定是全屏的 web-view 组件，navigationStyle: custom 对.
uni.webview.js的sdk在vue中引入方式
weixin_45940569的博客
04-29 938
console.log(‘触发webview’,plus.webview.close);console.log(‘当前环境：’ + JSON.stringify(res));下载完sdk放到本地文件中，
vue 不用npm下载安装包 该如何引用js
weixin_30437481的博客
03-26 1133
公司电脑不让用npm ，vue的项目要使用moment.js， 用了各种script 引用，总是报错 正确的方式应该为： import {moment} from ‘moment.js ’ 不可以全局使用，需要去相应要使用的页面去单独引用 至于在index.html 用script不能正常使用，我也不知道为什么，会报一个unexpected 错误，等以后在说这个问题吧 ...
在Vue项目中引入JQuery-ui插件的讲解
10-17
在执行安装之前，请确保项目中已经安装了npm包管理器，如果没有，可以先使用npm install npm@latest -g命令进行全局安装。 安装完成后，需要对项目的webpack配置进行适当的修改。这是因为Vue项目通常会使用webpack...
vue项目中引入noVNC远程桌面的方法
08-27
noVNC 库可以通过两种方式引入，一是直接下载源码到项目中，二是使用 npm 进行安装依赖。 五、 HTML 模板 在 HTML 模板中，我们需要添加一个 canvas 元素，以便于 noVNC 的渲染。 六、JavaScript 代码 在 ...
vue-cli3 js项目中引入ts混用typeScript1
08-08
在Vue.js项目中引入TypeScript混用TypeScript是一种常见的实践，尤其在Vue 3.0之后，TypeScript的强类型和静态分析能力可以显著提高代码质量和可维护性。以下是如何在基于vue-cli 3的JavaScript项目中逐步集成...
自定义Vue组件打包、发布到npm及使用教程
10-16
知识点详细解析： 1. 自定义Vue组件的开发与打包 在开发Vue组件时，需要为每个组件...在安装之后，可以通过import语句在Vue项目中引入该组件，并利用其暴露的name属性来在项目中使用它，从而实现组件的复用和维护。
vue wps插件引入到前端项目js
06-30
将WPS插件引入Vue.js项目，首先需要确保项目环境已经准备就绪，包括Node.js、Vue CLI（Vue命令行工具）以及相关依赖库。步骤如下： 1. **安装Vue CLI**：如果尚未安装，可以通过命令行运行`npm install -g @vue/cli...
vueJS离线安装包
03-21
vueJS离线安装包
vue开发用到的vuejs文件
08-13
vue开发需要的vue.js包，有需要的可以来下载，这时我整理出来的
vue项目中导入所需包
qq_28529373的博客
07-25 9936
一、Vue中引入jQuery 首先在当前项目的根目录下（就是与package.json同目录）， 运行命令npm install jquery --save-dev 其次，改变webpack.base.conf.js 加入var webpack = require("webpack")；      2、在module.exports的里面加入 plugins: [     new web...
vue中引入本地js文件（实测有效）
weixin_48447589的博客
07-19 5716
我打包之后的文件放在static下面就吧本地js文件放在public/js文件夹下。在index.html文件下引入js文件。将js文件放在public文件夹下面。
搭建简单的vue-ts程序框架并引入常用的包的包
xxxmou的博客
08-14 392
vue简单框架的搭建
Vue.js的快速入门（Vue、axios、node、js、npm、wepback的快速入门）
w20001118的博客
06-27 649
目录一.Vue.js 是什么二.Vue的demo快速入门三.Vue的语法1.单向绑定v-bind和双向绑定v-model 2.绑定事件v-on 3.条件渲染v-if、v-else 4.列表渲染v-for 四.Vue组件(重点)1.Vue组件有什么作用？2.Vue组件的使用五.Vue实例的生命周期 六.axios1.axios是什么？2.axios的使用七.Node.js1.Node.js是什么2.Node.js快速入门八.npm包管理工具1.什么是nmp?2.使用npm管理项目Vue是一套用于构建用户界面的
Vue组件中如何引入外部的js文件
热门推荐
前端队长Daotin
03-29 2万+
背景在Vue中，通常我们引入一个js插件都是使用npm方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用npm install xxx的方...
在Vue中全局引入JS文件的方法
qq_45687669的博客
07-18 2045
被引入的js文件位置需要放在public/路径下面。
Vue.js
m0_66052129的博客
03-10 928
Vue 生命周期 和 生命周期的四个阶段思考:什么时候可以发送初始化渲染请求?(越早越好)什么时候可以开始操作dom??(至少dom得渲染出来)Vue生命周期:-个Vue实例从 创建到 销毁 的整个过程。生命周期四个阶段:① 创建 ② 挂载 ③ 更新 ④ 销毁Vue 生命周期函数(钩子函数)： Vue生命周期过程中，会自动运行一些函数，被称为【生命周期钩子】→ 让开发者可以在【特定阶段】运行自己的代码 在文件中shift+右键 -> 创建 -> 导入 ->
如何在Vue项目中引入和安装Element UI？
最新发布
10-23
在Vue项目中引入和安装Element UI通常分为以下几个步骤： 1. **通过npm安装**: 使用命令行工具打开你的项目目录，运行`npm install element-ui -S` 或者 `yarn add element-ui` 来全局安装Element UI。 2. **注册全局组件**: 在项目的main.js或入口文件中添加Element UI的导入和注册： ```javascript import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) ``` 这里我们导入了Vue、Element UI库，并且导入了主题样式。 3. **使用组件**: 现在你可以开始在Vue组件中使用Element UI提供的各种组件了，例如 `<el-button>` 用于创建按钮。 记得在引入前检查是否已经安装了Vue，因为Element UI依赖于Vue。安装完成后，你可以在Vue组件模板中直接引用Element UI组件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叫我OldFe

一分也是鼓励！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值