如何更改 Vue Material 中的 HTML5 “md-” 前缀？

Question

我想更改此 Vue Material 前缀标签“md-”:

<md-button>{{title1}}</md-button>

至：

<custom-button>{{title1}}</custom-button>

Answer 1

看了vue-material源码后，所有组件都手动指定了'name'属性。您可以在 code for MdAutocomplete.

中看到一个示例

您可以将每个文件的 name: 'MdAutocomplete', 更改为 name: 'CustomAutocomplete',。

您还可以使用 Vue 的异步组件系统采用一些更复杂的方法。完成正常的 vue-material 设置过程后：

import Vue from 'vue'
import VueMaterial from 'vue-material'

Vue.use(VueMaterial)

您可以像这样指定自定义组件别名：

import Vue from "vue"

export default {
  components: {
    CustomButton: () => Promise.resolve(Vue.component('MdButton'))
  },
  // ...
}

How to change the HTML5 “md-” prefix in Vue Material?