前端系列十四:Vue3获取DOM跟传值

31 篇文章 1 订阅
22 篇文章 0 订阅

Vue3里获取dom

获取单个元素
    先定义一个空的响应式数据ref定义的
    setup中返回数据,你想获取那个dom元素, 在改元素上使用red属性

    setup( ) {
    const dom = ref( null )
    onMounted( ( ) => {
    console.log( dom.value )
    } )
    }

Vue3里获取父子props传过来的值,并打印出来

写法:
    props:{
        money: {
         type:Number,
         default: 0
       }
    }
    
    setup( props ) {
    //获取父组件数据money
    console.log( props.monery )
    }


        子传父
    触发自定义事件的时候emit来自 setup( props,( emit ) ){ emit就是触发事件函数 }

区别五:

    在Vue2中的另外一种实现双向绑定方式 v-model和.sync,在Vue3里已经合并,
    成v-mdeol指令

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值