在vue-cli项目中如何使用普通js封装共用方法来全局使用（方法中使用到vuex）

1：在项目中是许多组件组合起来的，那么有些方法是公用的这时候就需要提取出来放置到共用的js中，提供全局使用。

第一步 创建一个公共的js，引入vuex  import store from '@/store'  from后面是自己的路径 

第二步  创建方法 

例如   const  mailMoveMsg = function (index){

        中间就写此方法的业务逻辑 

如果使用到了vuex的方法的话，要区分你使用的是state还是mutations 还是actions  

如果是state 你需要这样写 store.state.mail.mailCurType（在state的模块mail下的状态） store.state.mailCurType（在state的根状态下）

如果是引用到了mutations 你可以这样 store.commit('MAIL_LIST_INFO', oldListInfo)

最后的actions则是这样  store.dispatch('mailDustbinPop')（它有两个参数如果你的方法中需要传参的话 store.dispatch('mailDustbinPop'，data)）

}

第三步  导出此公共方法

export default {  mailMoveMsg  }

第四步 引入到main.js中   import commonJs from '@/js/common/index.js'      Vue.prototype.commonJs=commonJs

第五步 在你需要引入方法的子组件中 使用  this.commonJs.mailMoveMsg 就可以调用公共方法中的具体方法了

 

好了 我相信你光看文字可能理解还是有点困难 这时候给案列你看下 

 

这时候我们vue项目中公共方法就提出来了  nice