vue中mixin的混入使用--超详解

本文详细介绍了Vue中mixin的使用,包括如何创建mixin.js文件,定义变量和方法,以及在组件中引用和使用。通过实例展示了mixin中的方法调用和变量变化在组件间是独立的,同时对比了mixin与公共组件、Vuex的区别,强调了mixin在组件数据和方法共享中的作用。
摘要由CSDN通过智能技术生成

通俗的解释:

mixins是在引入组件之后,则是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后,父组件的各种属性方法都被扩充了

作用:

多个组件可以共享数据和方法,在使用mixin的组件中引入后,mixin中的方法和属性也就并入到该组件中,可以直接使用。钩子函数会两个都被调用,mixin中的钩子首先执行。

1、在你的公共文件夹下建立一个mixin.js文件

2、在mixin文件中定义几个变量

const mixin = {
    data(){
        return{
            message:"hello",
           
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

suoh's Blog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值