vue中混入（Mixins）+操作dom（ref与$refs）+一点对组件暴露的理解。

混入（Mixins）

mixins是什么？是vue中组件开发的过程中功能复用的一种方式

在页面风格不相同的时候，但是执行的方法和所需要的数据类似的时候，那么就可以使用混入吧这项公共相同的部分提取出来 进行封装 减少代码量 提升修改和测试难度

编写：

就是把组件和方法提取出来集中存储在混入中

1.在项目的src文件夹下创建一个文件夹MIxins—>index.js

var myMixins={
   
    data(){
   
        return {
   
            // 重用的变量
            text:"哈哈哈"
        }
    },
    methods:{
   
        // 重用的方法
        fun(){
   
            console.log("我是多个组件中相同的方法")
        }
    }
}
export default myMixins

2.使用封装好的重用内容

​ (1)引用模块到页面中

// 引用混入
import Mixins from "@/Mixins/index"

​ (2)在文件中设置关联

//引用混入
import Mixins from "@/Mixins/index"
export default {
   
     // 设置关联
    // mixins:[Mixins],
     data(){
   
        return