1. 安装 view-ui-plus
npm install view-ui-plus --save
  1. 安装 babel-plugin-import
npm install babel-plugin-import --save-dev
  1. 配置 babel.config.js
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
  ],
  // ——————————这里
  plugins: [
    [
      'import',
      {
        'libraryName': 'view-ui-plus',
        'libraryDirectory': 'src/components',
      },
      'view-ui-plus',
    ]
  ],
};
  1. 按需引入 view-ui-plus
import { Split } from 'view-ui-plus';
export default {
  components: { Split },
  data() {
  	return {}
  }
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐