0

我在我的 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>
4

2 回答 2

0

您是否尝试过终止节点中的作业并再次服务?我自己没有使用过 vue-material,但我发现这个问题在我涉足 vue 时出现了几次。

于 2017-09-08T09:15:55.367 回答
0

您的 vue-material.css 是否正确导入?

尝试更改import 'vue-material/dist/vue-material'import 'vue-material/dist/vue-material.css'

我无法从您的问题中判断这是您的问题还是您是否遇到热重载问题。可能会尝试描述您在浏览器中看到的内容。

于 2017-09-15T02:07:22.550 回答