封装公共方法
我们需要在src目录下新建一个公共方法的文件，用来编写公共方法，以下图为例
image.png
我们在utils文件夹下新建index.js的文件，并编写了一个sayHello的公共方法
引入公共方法
我们需要在main.js文件里引入公共方法，如下图所示
image.png
此处的common可以是其他名字，只不过是方便个人记忆，当我们在main.js引入公共方法之后，需要将这个公共方法继承到Vue的原型上，方便后期调用
调用公共方法
在我们需要调用sayHello方法的页面中直接使用，如下图所示
image.png
我们在mounted里面直接通过
this.common.sayHello()
来直接调用这个方法，结果如下图所示，我们能够成功调用sayHello的方法
image.png
当然了，上述的方法需要我们通过实例化的this对象来调用这个方法，我们有时候可能不需要通过this来调用，那怎么办呢？简单！！！方法还是跟上面一样，但是只需两步走。
封装公共方法
我们需要在src目录下新建一个公共方法的文件，用来编写公共方法，以下图为例
image.png
引入并调用公共方法
我们需要先在调用公共方法的组件里引入方法名，然后在需要调用改方法的地方直接调用
image.png
以上两种方法就是我们日常在Vue项目中调用公共方法的阐述，两种方法各有优异，需要针对情况自行取舍。
网友评论