vue2 引入 nutui

在Vue2项目中引入NutUI库，你需要遵循以下几个步骤：

1. **安装依赖**：首先，确保你的项目已经全局安装了Vue CLI，然后在项目根目录下运行`npm install nutui -S` 或者 `yarn add nutui` 来安装 NutUI。

2. **配置文件**：打开`main.js` 或者如果你使用的是Vue CLI 3及以上版本，则是在`vue.config.js` 中，注册nutui组件库。添加以下代码：

   import Vue from 'vue';
   import { createApp } from 'vue';
   import NutUI from '@nutui/vue';

   // 如果你使用createApp
   const app = createApp(Vue);
   app.use(NutUI);

   // 如果你使用vue-cli 3以上的配置
   Vue.use(NutUI);

3. **引入组件**：要在组件中使用NutUI的组件，直接通过`import`引入并使用即可，例如：

   import { Button } from '@nutui/vue/dist/button.vue'; // 引入特定的组件

   export default {
     components: {
       MyButton: Button, // 在组件里使用
     },
   };

4. **样式加载**： NutUI默认提供CSS模块和全局CSS两种风格。若选择CSS模块，需要将`@import`语句添加到你的`.vue` 文件中；如果使用全局CSS，则无需额外操作，它会在页面上自动生效。

完成以上步骤后，你就可以在Vue组件中使用NutUI提供的各种UI组件了。