element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。
在vue2.0中引用element-ui组件库
element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。
安装
安装
npm i element-ui -S
npm i element-ui -S
引用完整的element-ui
引用完整的element-ui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
需要注意的是,样式文件需要单独引入。
需要注意的是,样式文件需要单独引入。
如果报错,在 webpack.config.js 中配置 file_loader。可以在 rules 数组内直接增加下面这个配置项:
如果报错,在 webpack.config.js 中配置 file_loader。可以在 rules 数组内直接增加下面这个配置项:
{
test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/,
loader: 'file-loader'
}
{
test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/,
loader: 'file-loader'
}
按需引入组件
1、安装 babel-plugin-component 插件:
按需引入组件
npm install babel-plugin-component -D
1、安装 babel-plugin-component 插件:
2、修改 .babelrc 配置文件
npm install babel-plugin-component -D
将
{
"presets": [
["env", { "modules": false }],
"stage-3"
]
}
本文由wns9778.com发布于计算机教程,转载请注明出处:在vue2.wns9778.com0中引用element-ui组件库
关键词: wns9778.com