点击后的页面
混合——个个组件重复写方法很麻烦?混合帮你解决!解决的问题
在开发的过程中,有些方法似乎并不是单独一个组件使用,很多的组件都会使用到这种方法,比较典型的就是在大型的单页面开发中,往往会涉及到路由的转跳,在使用编程路由的时候,由于组件的作用域是独立的,methods中定义的方法并不能在所有组件中使用,为此我们必须在每个组件中重复的编写this.$router.push()这一简单方法,这时候我们可以通过定义一个全局的混合methods,便可以在所有的组件中使用路由转跳的方法
在这里,由于没有涉及路由的概念,我们通过一个简单的全局methods方法,来演示一下怎么使用混合
定义一个全局混合
代码
在webpack入口文件main.js引入mixin
import './mixins'
在组件中使用全局混合方法
代码
点击前
页面
点击后