vue引用外部JS的两种种方法_vue引用其他js的方法,vue引用外部js - CSDN文库

28 浏览量更新于2023-03-03 评论收藏 39KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

vue引用外部引用外部JS的两种种方法的两种种方法

主要介绍了vue引用外部JS的两种种方案,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友

可以参考下

前言前言

肯定会遇到没有npm化的库

自己写的js 方法

在Vue中该怎么引用呢

第一种第一种如果库是如果库是es6写的写的就可以用就可以用import 引入引入

比如我自己写的http 封装接口的方法

就可以这样子导入哦

第二种是第二种是jquery的库的库可以在静态资源导入（或者是可以在静态资源导入（或者是cdn资源加载）资源加载）

我是vue-cli 3.0 基础之上架构的

把squire这个富文本框放进public文件下面在index.html中这样子引用

Fannie式总结

自己封装方法就采用es6方法这样方便

第三方原生js 或者是jq的插件

直接cdn 这种也是可以的哦或者是静态资源加载但是也要注意cdn这个链接资源的稳定性

ps：下面看下：下面看下Vue.js 引入外部引入外部js方法方法

1、外部文件config.js

第一种写法第一种写法

//常量的定义

const config = {

baseurl:'http://172.16.114.5:8088/MGT2'

}

//函数的定义

function formatXml(text) {

　　return text

}

//导出 {常量名、函数名}

export {config,formatXml}

第二种写法第二种写法

//常量的定义

export const config = {

baseurl:'http://172.16.114.5:8088/MGT2'

}

//函数的定义

export function formatXml(text) {

　　return text

}

2、引入config.js里面的常量和方法

import {config,formatXml} from '../config'//记得带上{}花括号

总结总结

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38570202

粉丝: 9
资源: 952

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈