Element UI是一款专业的桌面端组件库工具。Element UI通过界面样式和交互动效让用户可以清晰的感知自己的操作。Element UI可以根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策,用户可以自由的进行操作,包括撤销、回退和终止当前操作等。下面菜鸟教程为大家介绍一下Element UI引入项目的方法,希望大家会喜欢。
Element UI引入项目的方法:
1、在项目的设计之后,接下来我们要把项目引入到软件中,下面菜鸟教程为大家带来项目的引入方法,感兴趣的用户快来下载看看吧。
们开始引入element-ui,我们在创建好的项目中打开【src文件夹】-【main。js】下引入
import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index。css’;
详细如下图
2、还是在【main。js】上加入
Vue。use(ElementUI);
这样就引用element完成了,详细如下图
3、我们引用element以后,我们可以使用组件吧,我们上官网随便找一个组件,例如单选框,下面是组件详细的样式和使用方法,详细如下图
4、我们在vue项目中复制代码,我们找到【src】-【components】-【HelloWorld。vue】,中加入刚刚第五步,复制的代码进入,详细的代码如下图
5、完成项目的引入