首页 > 其他分享 >vue组件中引入自定义js文件

vue组件中引入自定义js文件

时间:2023-07-25 09:57:27浏览次数:41  
标签:function vue 自定义 custom other 组件 js

在组件的script标签内直接引入:

import myFunction from '@/util/custom.js';

 

开始使用自定义js中的方法:

export default {
  // ... other Vue component options

  methods: {
    someMethod() {
      // Call the custom function from your custom.js
      myFunction.customFunction();
      // You can also call any other function or variable defined in custom.js
    },
  },
};

 

标签:function,vue,自定义,custom,other,组件,js
From: https://www.cnblogs.com/Tpf386/p/17578988.html

相关文章

  • 爬虫js基础1
    全国招标网 constCrypto=require('C://Users/lenovo/AppData/Roaming/npm/node_modules/crypto-js')//functionmaji(t){  vare=Crypto.enc.Utf8.parse("1qaz@wsx3e")   ,i=Crypto.DES.decrypt({    ciphertext:Crypto.enc.Base6......
  • 从vue2到vue3,自定义组件的v-model实现原理
    前言相信使用vue开发的同学应该都体会过v-model的便利,它可以非常方便地进行双向数据绑定,只要重新输入内容,视图就会立刻发生改变。本文将着重介绍如何在自定义组件当中使用v-model,以及在vue2和vue3中使用方式上的差异。概述v-model是一个语法糖,它在组件使用时相当于如下简写://......
  • 爬虫js基础2
    行行查 //constCrypto=require('C://Users/lenovo/AppData/Roaming/npm/node_modules/crypto-js')//constCrypto=require('crypto-js')data='GX/x7w1X1XbC/GMS/F4dwfvcZ23j/Cu9ybWvlkVO5UAJKfbPQOPCVUUu6otcLqU46E/wSrXSk19mEEI8cVH/C4t......
  • 爬虫js基础3
    淘宝热卖 ####https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E5%AE%B6%E5%85%B7%E5%AE%B6%E7%94%B5&clk1=d865e31690155c889eb6f8204db5f00f&upsId=d865e31690155c889eb6f8204db5f00f&spm=a2e0b.20350158.31919782.1&a......
  • 爬虫js基础网站爬取
    福建省公共资源交易电子平台  constCrypto=require('C://Users/lenovo/AppData/Roaming/npm/node_modules/crypto-js')t='N1jfMuHUNZzAwf7B5RzFD4rFfAG6IKSViOy+Bi1+vBS6tdj0qUgLXgTOefWa+x6oF2jKxCxIV62Atqmctwh3bbhQX5MFcDEcyWUNmlnnpi27ntuh6BEgQKRojUfPY7yfuy......
  • GDAL-Python将s57数据转换为GeoJSON
    fromosgeoimportogrimportsubprocessimportglobimportosOGR_S57_OPTIONS="SPLIT_MULTIPOINT=ON,ADD_SOUNDG_DEPTH=ON"defGetAllS57Repertory():S57Path=[]for_fileinglob.glob(('{0}{1}*.000').format(path,os.sep)):......
  • js
    第一天:作用域&解构&箭头函数1.作用域1.1局部作用域函数作用域在函数内部声明的变量只能在函数内部被访问,外部无法直接访问块作用域使用{}包裹的代码成为代码块,代码块内部声明的变量外部将[有可能]无法被访问(var声明的会被访问,let和const声明的不会被访问)1.2全......
  • JSTL 标签库详细介绍资料 .
     前言从JSP1.1规范开始,JSP就支持在JSP中使用自定义标签了,自定义标签的广泛使用造成了程序员重复定义,这样就促成了JSTL(JavaServerPagesStandardTagLibrary)的诞生。作者:丁令JSTL简介JSTL是一个不断完善的开放源代码的JSP标签库,是由apache的jakarta小组来维护的。JSTL只......
  • Rxjs 入门
    RxJS(ReactiveExtensionsforJavaScript)是一个用于处理异步数据流和事件流的库。它是基于观察者模式和迭代器模式的一种实现,可以帮助开发者更方便地处理复杂的异步操作。RxJS的核心概念是Observable(可观察对象)。Observable代表一个可观察的数据源,它可以发出多个值,并在完成或出错......
  • 老杜 JavaWeb 讲解(十四) ——JSP+Servlet改造oa项目
    (十四)JSP改造oa项目相关视频:38-Servlet和JSP改造oa项目使用Servlet+JSP完成oa项目的改造使用Servlet处理业务,收集数据。使用JSP展示数据。将之前原型中的html文件,全部修改为jsp,然后在jsp文件头部添加page指令(指定contentType防止中文乱码),将所有的JSP直接拷贝到web......