我在我的 vue 项目(webpack、热重载、babel 等)中使用http://vuematerial.io/#/getting-started 。
我已经导入了这个库(通过 npm)并将它包含在 main.js 文件中,但是我在我的项目中没有看到任何变化。浏览器不渲染它。
我究竟做错了什么?
主.js:
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material'
import App from './App.vue'
Vue.use(VueMaterial)
Vue.material.registerTheme('default', {
primary: 'blue',
accent: 'red',
warn: 'red',
background: 'grey'
})
/* eslint-disable no-new */
new Vue({
el: 'body'
components: { App },
render: h => h(App)
})
应用程序.vue:
<template>
<div id="app">
<hello></hello>
<md-button>Default</md-button> // this doesnt work!
</div>
</template>
<script>
export default {
components: {
'hello': Hello,
'documents': Documents,
'Home': Home
},
data: function () {
return {
}
}
}
</script>