Add MDL to Vue

App.vue

<style lang="scss">
  @import "~material-design-lite/material.css";
</style>

main.js

import 'material-design-lite'
Vue.directive('mdl', {
  inserted: el => componentHandler.upgradeElement(el)
})

Usage.vue

<template>
  <button class="mdl-button mdl-js-button mdl-js-ripple-effect" v-mdl>
    Hello, world!
  </button>
</template>