秋痕语录

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