asp.net 安装element ui_如何为VUE安装element ui框架

首先我们需要创建一个vue项目，这里就使用上一篇文章的的项目，然后在百度上搜索element ui。

element ui是饿了么团队为vue2开发的一个ui框架，类似于bootstrap，在网站中点击组件。

我们选择npm安装。

安装完成之后，我们需要在main.js中引入element ui。

import Vue from 'vue'import App from './App'import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);Vue.config.productionTip = falseimport router from "./routes/index"/* eslint-disable no-new */new Vue({  el: '#app',  router,  ElementUI,  components: { App },  template: ''})

选择我们需要的组件，这里我选择了主要按钮，代码为

 主要按钮

将其添加到Home.vue中，效果为

其他的标签使用方式都是一样的，这些标签和原生的标签一样，也可以进行数据绑定和方法绑定。