使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i element-ui -S
在 web目录src下main.js 中引用,并use
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
在HelloWorld.vue文件中,就可以直接调用组件了,使用也非常简单,到官网中复制组件的代码,填入需要的位置。
我这边选取了菜单栏,加入HelloWorld中,home前面注册了HelloWorld组件,这样嵌入home的页面都可以看到菜单栏,看一下成功引入后的结果:
layout布局ÿ