分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

Vue全局引入JS的方法

发布时间:2023-09-06 02:20责任编辑:傅花花关键词:暂无标签

两种情况:

1. js为ES5的写法时,如下(自定义的my.js):

function fun(){ ???console.log(‘hello‘); ?????}

 Vue中的全局引入方式为,在index.html中通过如下方式引入即可:

<script src="src/models/my.js"></script>

2. js为 ES6 模块化写法时,即 import,export形式,如下:

var fun=function(){ ???console.log(‘hello‘);}export default fun;

 Vue中全局引入的方式为,在main.js中添加如下代码:

import fun from ‘src/models/my.js‘;Vue.prototype.$xx=fun; ?//其中$xx为新命的名。

 使用方法为,在要调用的地方使用如下代码调用:

var aa=this.$xx;

  注意,模块化引入方式时,要引入的 js export的值只可为一个,若多余一个如 export {var1,var2,...} 则不可使用这种方式 (经验证无效)。

Vue全局引入JS的方法

原文地址:https://www.cnblogs.com/zhcBlog/p/9892883.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved