写久了Flutter,前端的知识真的是忘得差不多了,今天就来复习一下Vue中如何封装公用变量以及公用方法以封装一个正则表达式为例!创建我们的公用文件夹我们来看一下utils.js中的代码通过export抛出去的变量或者方法,使用的时候需要用{ }包裹住,来指明使用什么,而export default就方便些,抛出去后,直接用即可,可以自己试一下!首先打开我们Vue的命根子:main.js注意代码中的Plugins,就是我们挂载到了Vue的实例上面了,也就是可以全局使用这个封装的JS,接下来我们就去需要使用的页面使用它点击图中的验证码按钮,就可以调用我们的这个方法了,记得传入手机号

Vue之封装公用变量以及实现方式

Vue之封装公用变量以及实现方式