vue引用外部js库方式

时间:2022-12-06 02:01

vue引用外部js库方式:1、在vue组件中通过import方法直接引入js库;2、直接在js文件中自定义方法进行调用即可。

vue引用外部js库方式

1、在vue 组件中引入。

<template>

<divclass="hello">

<button@click="update()">上传</button>

</div>

</template>

<script>

import{uploader}from'../../static/uploader.js'//在此处引入js文件,注意路径

exportdefault{

name:'HelloWorld',

data(){return{}},

methods:{

update(){

let_this=this;

uploader()

}

}

}

</script>

2、在js文件中可自定义方法,示例:

functionuploader(){

alert('js引用')

}

export{

uploader

}

标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公