面試題系列---【vue中什麼是混入】

面試題系列---【vue中什麼是混入】

1.定義

混入 (mixin) 提供了一種很是靈活的方式，來分發 Vue 組件中的可複用功能。一個混入對象能夠包含任意組件選項。當組件使用混入對象時，全部混入對象的選項將被「混合」進入該組件自己的選項。

2.使用步驟

在components 文件夾中自定義名字，通常命名爲mixin---》

文件夾中咱們能夠創建一個js文件，mixin.js 這個文件就是寫混入代碼的js----》

js代碼內容以下：

export default {
    data() {
        return {
            name : "張三"
        }
    },
    methods: {
        handleclick(){
            this.name = "李四"
        }
    }
}

在須要用的頁面引入

<template>
  <div>
      <h1>{{name}}</h1>
      <button @click="handleclick">點我更名字11</button>
  </div>
</template>
 
<script>
import minin from './minxin/minxin'
export default {
  mixins: [minin],
  data(){
    return {
 
    }
  },
  methods: {
 
  }
}
</script>

引入以後就能夠使用了，在上面的文件中，

handleclick 方法就是 混入文件中的方法

 

 

 

 

 

posted on 2021-06-21 01:09  碼農小小海  閱讀(0)  評論(0)  編輯  收藏  舉報