<mdl-snackbar> from mdl 1.1, for vue-mdl

example.html

<mdl-snackbar message="hello world"></mdl-snackbar>

MdlSnackbar.vue

<template>
    <div aria-live="assertive" aria-atomic="true" aria-relevant="text" class="mdl-snackbar mdl-js-snackbar">
        <div class="mdl-snackbar__text"></div>
        <button class="mdl-snackbar__action" type="button"></button>
    </div>
</template>

<script>
export default {
    props: {
        message: '',
    },

    ready() {
        componentHandler.upgradeElement(this.$el);

        this.$el.MaterialSnackbar.showSnackbar({message: this.message});
    },
};
</script>