---
layout: templateLayout
---
```vue
<template>
    <Dropdown :data="data" @on-choose="clickItem">
        <a href="javascript:void(0)">Hover</a>
    </Dropdown>
</template>
<script>
export default {
    data() {
        return {
            data: [
                {
                    content: 'number 1'
                },
                {
                    content: 'number 2'
                },
                {
                    content: 'number 3'
                }
            ]
        }
    },
    methods: {
        clickItem (data){
            this.$Toast(data.content+' is clicked');
        }
    }
}
</script>
```