mixin

项目引入mixin

创建js

export const minix={
 data(){
  return {
   num:1
  }
 },
 methods:{
  btn(){
   console.log(123)
  }
 }
}

vue页面引入js

import {minix} from '@/common/mixin'
 export default {
  data() {
   return {
    num:2
   }
  },
  mixins:[minix],
  created() {
    console.log(this.num)
  },
  methods: {
   btn(){
    console.log(4)
   }
  }
 }

提示

vue页面内的方法与mixin中的属性方法相同，则重写mixin方法、属性