vue引用外部js

待我称王封你为后i 2023-08-17 16:07 90阅读 0赞

工作中需要使用vue框架，有的时候npm能下载的js并不够于平时的开发，经常会有需要引用第三方js的时候出现，自己查了很多资料都没有一个很好的处理办法，偶然发现了一个一次引用能同时调用多个function的方法，仅供参考。

--------------------

查阅了一些资料发现大多数引用都是通过在对应.vue文件内的<script></script>标签里添加

import {test} from '../assets/js/temp.js'

的方式在调用外部的js，并且外部的js是这么定义的

function test(){
     	console.log("done")
     }
     export {
     	test
     }

同时在.vue文件的methods：\{\}内部如下定义并使用

clicktest:function(){
    	test();
    }

在<template></template>中使用<div @click="clicktest()">print in console with test</div>触发即可

但是这样只能一个js调用一个函数，未免太过于。。。。。

--------------------

这是可以包含多个函数的js

var temp = {
    	test:function(){
    		console.log("test")
    	},
    	testA:function(){
    		console.log("testA")
    	}
    }
    export {
    	temp
    }

并且在.vue文件里这样import

import {temp} from '../assets/js/temp.js'

在methods里这样定义

methods:{
        test:function(){
    	    temp.test();
        },
        testA:function(){
    	    temp.testA();
        }
    }

就可以实现正常在一个js里调用多个函数了，但是如何调用类似layer.js或者模块类型的第三方js还没有成功，样例仅供参考，不足之处请指正

发表评论取消回复

表情：

评论列表（有 0 条评论，90人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue引用BootStrap以及引用bootStrap-vue.js

1.先引入jquery 1.先使用指令: > npm install jquery --save-dev 2.在webpack.base.conf.js（

淩亂°似流年/ 2023年10月18日 15:09/ 0 赞/ 135 阅读

相关 vue引用外部js

工作中需要使用vue框架，有的时候npm能下载的js并不够于平时的开发，经常会有需要引用第三方js的时候出现，自己查了很多资料都没有一个很好的处理办法，偶然发现了一个

待我称王封你为后i/ 2023年08月17日 16:07/ 0 赞/ 91 阅读

相关 vue引入外部js

formatDate在components组件中使用 ![20191011140801632.png][] formatDate.js function form

￡神魔★判官ぃ/ 2023年06月06日 10:53/ 0 赞/ 4 阅读

相关 vue引用外部js

新建一个js文件，如我的 export const list1 = [ { code: 'abc', id: 1 }, { code: 'de

红太狼/ 2022年12月27日 07:13/ 0 赞/ 163 阅读

相关 VUE项目引用外部字体

> 背景： > > web页面的UI设计时，常常会用到一些陌生又非常好看的字体，但是在开发过程中总是设置对应的字体名称却不生效，这就需要引用外部字体实现

川长思鸟来/ 2022年11月30日 04:17/ 0 赞/ 170 阅读

相关 vue.js引入外部css

可以通过在main.js中全局引入css，如 import './static/css/content.scss' 或者是在vue文件中 script中即JS中

秒速五厘米/ 2022年11月21日 04:10/ 0 赞/ 244 阅读

相关 vue 项目引用（外部） js、css

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 我的工程结构： ![watermark_type_Z

ゝ一纸荒年。/ 2022年04月08日 15:23/ 0 赞/ 333 阅读

相关 vue.js 引入外部的js文件

js源码： import Vue from 'vue'; let v = new Vue(); function 方法一名称(message) \{ v.$al

Love The Way You Lie/ 2021年11月11日 20:34/ 0 赞/ 477 阅读

相关 vue整合外部js

vue引入外部js import \{ TrackLine \} from "../../../../../static/js/trajectory.js"; impo

旧城等待，/ 2021年11月02日 09:28/ 0 赞/ 389 阅读

相关 vue项目中全局引用jquery 、引用外部js的多种方式（外部纯函数js、外部自执行js、外部js插件），附niceScroll滚动条插件使用

vue项目中全局引用jquery ： 1、“ npm install jquery --save ” 命令安装jquery 2、在项目根目录下的 build

╰半夏微凉°/ 2021年09月17日 04:04/ 0 赞/ 428 阅读