vue 2.6.14 怎么挂载uview-ui 组件库

Vue 2.6.14版本想要使用UView UI组件库，你需要按照以下步骤操作：

1. **安装依赖**：
首先确保已经全局安装了`vue-cli`。然后通过npm或yarn来安装UView UI及其对应的Vue 2插件，例如：

   npm install uview-ui @vue/cli-plugin-uview --save
   或者
   yarn add uview-ui @vue/cli-plugin-uview

2. **配置`vue.config.js`** (如果尚未创建该文件)：
在项目根目录下，添加或编辑`vue.config.js`文件，将UView的预构建设置加入到build的`plugins`选项中，如：

   module.exports = {
     chainWebpack: config => {
       if (process.env.NODE_ENV === 'production') {
         const uViewPlugin = require('uview-ui/lib/chainWebpack/uView-chainWebpack').default;
         uViewPlugin(config);
       }
     },
     pluginOptions: {
       uViewUI: {
         // 可选配置项，比如主题颜色等
         theme: 'light',
       },
     },
   };

3. **引入并使用组件**：
在`.vue`组件文件中，你可以像使用其他Vue组件一样导入UView的组件，例如：

   <template>
     <div id="app">
       <u-button>按钮</u-button>
       <!-- 更多的UView组件... -->
     </div>
   </template>

   <script>
     import { Button } from "uview-ui";
     export default {
       components: {
         UButton: Button,
         // 如果需要其他UView组件，这里添加...
       },
       mounted() {
         console.log('UView组件已挂载');
       },
     };
   </script>

4. **运行项目**：
保存更改后，通过`npm run serve`或`yarn serve`命令启动项目，UView UI组件应该可以在浏览器中正常显示。