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

【问题标题】：How to change the HTML5 “md-” prefix in Vue Material?如何更改 Vue Material 中的 HTML5 “md-” 前缀？
【发布时间】：2021-08-30 10:36:27
【问题描述】：

我想改变这个Vue Material前缀标签“md-”：

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

到：

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

【问题讨论】：

【解决方案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'))
  },
  // ...
}

【讨论】：