vue引入外部js文件并使用_为什么vue不使用ajax

vue引入外部js文件并使用_为什么vue不使用ajax在一个组件内部需要引入一个js文件,如果放在index.html,每个组件都会有这个js,所以需要在组件内单独引入。下载静态文件下来后,放入文件夹:组件代码:<template><div><button@click=”compressImage”>点击调用方法</button></div></template><script>importImageCompressorfrom’@/

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

在一个组件内部需要引入一个js文件,如果放在index.html,每个组件都会有这个js,所以需要在组件内单独引入。

下载静态文件下来后,放入文件夹:
在这里插入图片描述

组件代码:

<template>
  <div>
    <button @click="compressImage">点击调用方法</button>
  </div>
</template>
<script>
import ImageCompressor from '@/assets/js/image-compressor.min'
export default { 
   
  data () { 
   
    return { 
   
    }
  },
  methods: { 
   
    compressImage () { 
   
      new ImageCompressor()
    }
  }
}
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/184575.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python测试系列教程——python+Selenium+chrome自动化测试框架

    python测试系列教程——python+Selenium+chrome自动化测试框架全栈工程师开发手册(作者:栾鹏)python教程全解需要的环境浏览器(Firefox/Chrome/IE..)PythonSeleniumSeleniumIDE(如果用Firefox)FireBug、FirePath(如果用Firefox)chromedriver、IEDriverServer、phantomjs.exeIDE(Pycharm/Subl…

    2022年4月29日
    59
  • 40OutputStreamWriter

    40OutputStreamWriter写的转换流,写我们相要写的编码文件java.io.OutputStreamWriteretendsWriterInputStreamReader是字节流通向字符流的桥梁,它使用指定的Charset将要写入流中的字符编码成字节。(编码:把能看懂的变成看不懂的)继承父类,共性成员方法:voidwrite(intc)写入单个字符voidwrite(char[])写入字符数组abstractvoidwriter(char[]cbuf,intoff,intlen)…

    2022年9月12日
    0
  • 深刻解读的意思_tdma和cdma区别

    深刻解读的意思_tdma和cdma区别简介  TD-SCDMA——TimeDivision-SynchronousCodeDivisionMultipleAccess(时分同步的码分多址技术)。  TD-SCDMA作为中国提出的第三代移动通信标准(简称3G),自1998年正式向ITU(国际电联)提交以来,已经历经十来年的时间,完成了标准的专家组评估、ITU认可并发布、与3GPP(第三代伙伴项目)体系的融合、新技术特性的…

    2022年9月28日
    1
  • C语言统计一个字符串中单词的个数「建议收藏」

    C语言统计一个字符串中单词的个数

    2022年2月5日
    49
  • 关于this指针

    关于this指针一个类的对象中实际只包含了该对象的数据成员信息,当我们创建了多个类的对象时,使对象1调用该类的成员函数,为什么可以改变对象1中的信息,而不去设置其他对象的信息?成员函数在类中只有一份,所有该类的对象共同使用,编译器是如何识别并处理的呢?编译器识别一个类分为三步:1.识别类的类名2.识别类的成员变量3.识别类的成员函数并对成员函数进行修改修改方式:成员函数有一个隐藏…

    2022年5月16日
    51
  • Java 8系列之Stream的基本语法详解

    Java 8系列之Stream的基本语法详解本文转至:https://blog.csdn.net/io_field/article/details/54971761概述Stream是用函数式编程方式在集合类上进行复杂操作的工具,其集成了J

    2022年8月6日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号