Vue官方文档（36）：混入，值为对象时将进行属性合并

amadeus_liu2

于 2022-11-04 12:24:52 发布

阅读量91

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/amadeus_liu2/article/details/127686495

版权

Vue 专栏收录该内容

70 篇文章 0 订阅

订阅专栏

<template>
  <div >
    <h3>混入测试</h3>
    <button @click="foo">click foo</button>
    <button @click="bar">click bar</button>
    <button @click="conflicting">click confilict</button>

  </div>
</template>


 <script>
 
 //import Vue from 'vue'
var mixin = {
  methods: {
    foo: function () {
      console.log('foo')
    },
    conflicting: function () {
      console.log('from mixin')
    }
  }
}
 

  export default{
    mixins: [mixin]
      ,
  components: {

  },
    data() {
      return {
              }
            },
    methods:{
      bar: function () {
      console.log('bar')
    },
      conflicting: function () {
      console.log('from self')
    }
      
    },
    created(){

    },
    computed: {
 
    },
     watch: {
    
  }
  }
      
    </script>

<style >

</style>