Vue中mixin混入怎么用

这篇文章主要介绍了Vue中mixin混入怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

局部混入

<template>  <div>    <h3 @click="showName">学生姓名：{{name}}</h3>    <h3>学生性别：{{sex}}</h3>  </div></template><script>  //引入一个混合  import {    hunhe,hunhe2  } from '../mixin'  export default {    name: 'Student',    data() {      return {        name: '张三',        sex: '男'      }    },    mixins: [hunhe,hunhe2]  }</script>

export const hunhe = {    methods: {        showName() {            alert(this.name)        }    }}export const hunhe2 = {    data() {        return {            x: 100,            y: 200        }    }}

全局混入

import { hunhe, hunhe2 } from './mixin'Vue.mixin(hunhe)Vue.mixin(hunhe2)

感谢你能够认真阅读完这篇文章，希望小编分享的“Vue中mixin混入怎么用”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!