vue 引入 vant组件 方式

Question

之前没有见过这种引入方式 没有看到vant文档上面写过这种的 请各位大佬指教 这个是什么引入方式

Answer 1

https://github.com/youzan/vant/blob/d97f7f644fd8b60d8b8ec6f4780a8898a9028af2/src/utils/create/index.ts#L12

• 组件里面有个name参数，这样你就不用专门给组件的命名加上vant前缀了
• 另外，从ECMAScript 2015开始，对象初始化语法开始支持计算属性名。其允许在[]中放入表达式，计算结果可以当做属性名

Answer 2

私以为这是一种很愚蠢的引入方式，正确的应该为：

import { PasswordInput, NumberKeyboard } form 'vant'

export default {
  name: "inputcaptcha",
  components: {
    PasswordInput,
    NumberKeyboard
  }
}

就好了。