Vue混入

mixins:[]

局部混入

混入模板

export default {
	data() {
		return {
		}
	},
   onLoad() {
      console.log("111")
   },
	methods: {

   }
}

所引入文件

<template>
  <view>
  	
  </view>
</template>

<script>
import myMixin from "./mixins.js"
export default {
  mixins: [myMixin],  //混入
  data() {
    return {
   
    };
  },
  onLoad(options) {},
  methods: {},
  //组件
  components: {},
};
</script>

<style lang="scss"></style>

 

 

全局混入

混入模板

module.exports = {
	data() {
		return {
			a:1
		}
	},
   onLoad() {
      console.log("111")
   },
	methods: {
	}
}

 

在main.js里面引入

let vuexStore = require('./static/mixn');
Vue.mixin(vuexStore);