vue 学习笔记 关于 mixins

mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改

//在src下创建一个mixins文件夹用来存放公用的js方法

export const mixinDemo = {
    data() {
        return {
            msg: "hello"
        }
    },
    methods: {
        show() {
            alert(this.msg)
        }
    }
}

<template>
  <div id="app">
    <button @click="show">提交</button>  //show方法是公用js中的方法
  </div>
</template>
<script>
import {mixinDemo} from './common/mixins/demo'   //引入公用的js文件
export default {
     mixins:[mixinDemo],  //使用mixins属性进行使用
}