vue中使用自己定义的js,并注册为全局的
2018-08-11 22:57
281 查看
在使用vue的时候少不了要写自己的js,但是自己的js怎样才能被定义为全局的,供众多的文件使用呢?方法如下:
第一种情况:在main.js中引入,并在其中使用。
1、写好自己的js文件,并放置在src文件下用一个目录api来封装。
2、在main.js文件中引入这个js的路径,然后在将其设置成一个单独的变量,用的时候通过变量来调用。
import { x1,x2,x3} from 'js文件夹的相对位置';
Xm 包含x1,x2,x3...... 即x1,x2,x3为Xm中的内容项。
在main.js中引入的方式直接使用:x1(); 即可。
第二种情况:
注册为全局变量,并在相应的vue文件中使用。
1、方法同上;
2、在mian.js中引入js后并注册为全局变量
Vue.prototype.$x1 = x1;
x1为之前引入时的名字。
3、在对应的vue文件中使用
methods:方法中直接使用
this.$x1.方法名(){.....}
阅读更多相关文章推荐
- QT 定义自己的类型 注册和使用
- Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
- vue.js学习07之使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
- Vue.js入门学习--组件的注册和使用(二)
- axios模块在vue开发中如何使用引入,如何注册全局方法
- 使用vue.js做前端如何每行,随自己意愿想写几个写几个input框
- vue中makeMap方法的使用 (定义注册一些值 后期方便使用)
- js中的全局变量和静态变量的使用, js 的调试?- 如果js出错, js引擎 就会停止, 这会 导致 后面的 html中 refer 该函数时, 会报错 函数为定义!!
- 使用use注册Vue全局组件和全局指令的方法
- Symfony2 配置自己的log日志、使用配置文件定义全局常量
- Vue.js 2.x:组件的定义和注册(详细的图文教程)
- Vue.js入门学习--组件的注册使用+开奖小游戏(八)
- vue插件(自定义组件或js文件使用),vue.extend(),vue.component()注册组件
- Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用【6】
- Vue.js 2.x之组件的定义和注册图文详解
- 使用use注册Vue全局组件和全局指令
- vue插件 使用use注册Vue全局组件和全局指令
- 【IMWeb训练营作业】vue.js-组件的定义及使用
- [js高手之路] vue系列教程 - 组件定义与使用上部(7)
- Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用