vue 整合 element-ui

vue 整合 element-ui

1. 是Hbuilder 创建 vue 项目 vue 2.0

2. 通过命令进入vue项目所在的文件夹

3. 输入如下命令. -S 表示会将此依赖存入package.json

   cnpm i element-ui -S
   

4. 检查json文件的dependencies中是否存在element-ui 以查看是否成功

5. 打开项目中的main.js 输入如下代码

   //导入组件库
   import ElementUI from 'element-ui'
   //导入组件相关样式
   import 'element-ui/lib/theme-chalk/index.css'
   //配置Vue插件
   Vue.use(ElementUI)
   

6. 此时你的vue项目就可以使用element ui 了