vue mixin(混入)

2020-06-19  本文已影响0人  小蜗牛的碎碎步
目的

增强组件功能的可复用性,一个混入对象可以包含任意组件选项

<template>
  <div class="box">
    mixin测试
  </div>
</template>

<script>
const testMixin = {
  methods: {
    demo() {
      console.log(222222);
    },
  },
};

export default {
  data() {
    return {};
  },
  mixins: [testMixin],
  created() {
    this.demo(); // 222222
  },
  methods: {},
};
</script>

<style lang="less">
  .box {
    font-size: 16px;
  }
</style>

上一篇 下一篇

猜你喜欢

热点阅读