vue element ui 使用

官方网站链接 Element - The world's most popular Vue UI framework

进入项目目录后，使用pm的安装方式，可以更好地和webpack打包工具配合使用。

npm i element-ui -S

 引入 element ui到项目中

方法一：全局引入 ，打包会把element所有样式和组件都打包了

如下链接是官方网站演示的引入方式

Element - The world's most popular Vue UI framework

根据教程来，首先在main.js里文件里引入css样式和Ui库,全局引入。

然后在页面中使用了 , 郊果如下

第二种方法实现按需加载

如写官网站教程里说明的就是按需加载，首先安装安装 babel-plugin-component

npm install babel-plugin-component -D

在main.js文件中添加如下代码引入组件方式，需要哪个就引入哪个 

 在babel.config.js文件中添加如下代码，这也是从官方网站那里的教程来写的

在页面中使用如下，当引用 的组件可以正常使用，当没有引入的组件，就无法使用了，只显示文本。