美文网首页
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>

    相关文章

      网友评论

          本文标题:vue 引用js函数

          本文链接:https://www.haomeiwen.com/subject/oyumjqtx.html