秋痕语录

Vue封装公用方法,多页面复用

QQ截图20181107105313.jpg

有些页面需要多次使用一个方法,我们封装完方法可以达到多页面重复使用

首先创建一个页面 随意命名 (我的文件是Home.vue)

export function demo(e){
      console.log('e')
    }

如若其他页面需要用到demo这个方法

首先引入这个.vue文件

import {demo} from './Home'
    
    export default {
        methods:{
            demo
        },
        created(){
            this.demo()
        }
    }

如若需要在created钩子里使用则直接this.demo()调用即可

打赏

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

©2017 Lxy 豫ICP备17013024号
Copyright2017 lixueyang All Rights Reserved

公告

Welcome to my blog, where you will experience the thrill of not exceeding