vue2使用mixins和vue3使用hooks

1.vue2使用mixins

在mixins中导出一个计数器对象

//mixins/count.js   导出一个对象

export const countMixin = {
    data(){
        return {
            count:99
        }
    },
    methods:{
        increment(){
            this.count++
        },
        decrement(){
            this.count--
        }
    }
}

在需要使用的组件中进行导入以及使用；使用 mixins:[countMixin] 将混入的js文件进行导入，后可以直接当作组件内的数据使用；

//HomeView组件

页面效果：

 vue2计数器：

vue3计数器：

 在vue2使用mixins时，导出一个对象，对象中包含vue2选项式语法的数据格式；

vue3使用hooks时，导出一个方法，方法中可以使用vue3组合式语法setup写法，最后return对应数据后在组件中可以使用