Vue项目怎么引入公共方法

封装公共方法

我们需要在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项目中调用公共方法的阐述，两种方法各有优异，需要针对情况自行取舍。