美文网首页
Vue中引用公共方法

Vue中引用公共方法

作者: Yin先生 | 来源:发表于2019-12-18 20:14 被阅读0次

    1.在src新建commonFunction文件夹,再新建common.js

    image.png
    其中common.js中方法的声明和导出如下
    common.js
    export default {
        fun (v) {
            console.log('我是公共的方法',v)
        }
      }
    

    2.在main.js中引用common.js,再使用Vue.prototype添加实例属性


    image.png

    3.应用

    @click=“common.方法名”


    image.png

    效果:


    调用公共方法效果.gif

    相关文章

      网友评论

          本文标题:Vue中引用公共方法

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