美文网首页
vue 引用js函数

vue 引用js函数

作者: e0c52543163a | 来源:发表于2019-01-25 13:02 被阅读0次

写个插件,给Vue.prototype挂上常量,如果仅仅是常量和基础类库,难道不是写一个公共的 util.js export出去,然后到处require就可以了
util.js
export default{
install(Vue,options)
{
Vue.prototype.getData = function () {
console.log('我是插件中的方法');
}
}}
main.js 引入 并且全局注册
import util from './util'
Vue.use(util);
其他组件中使用
this.getData();



var app= new Vue({
el:"#app",
data:{

},
filters:{

},
computed:{

},
mounted:function(){
    this.init();
},
methods:{
    init:function(){
       var id = warp.getQueryString('id');
       console.log(id+"--id");
    },        

});
//getVariable.js

var warp = new Vue({
methods:{
getQueryString:function(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
return r?decodeURIComponent(r[2]):'';
}
}
});

//html部分代码

<script src="js/getVariable.js"></script>
<script src="js/main.js"></script>
</body>

相关文章