码迷,mamicode.com
首页 > Web开发 > 详细

Vue全局引入JS的方法

时间:2018-11-02 00:16:57      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:div   使用方法   形式   ons   方式   两种   dex   prototype   模块   

两种情况:

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的方法

标签:div   使用方法   形式   ons   方式   两种   dex   prototype   模块   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!