11.获取DOM

<template>
    <div>
        <p @click="getDom" ref="music">音乐播放</p>
        <img :src="isPlay?require('@/assets/images/play.png'):require('@/assets/images/pause.png')"
        @click="handlePlay" alt="">
    </div>
</template>
<script>
    export default {
        name:"Audio",
        data(){
            return{
               isPlay:true
       }
      },
        methods:{
            handlePlay(){
            this.isPlay=!this.isPlay
            },
            getDom(){
                console.log(this.$refs.music)
            }
        }
    }
</script>
<style lang="scss" scoped>
</style>