❤ Vue 2 中使用Element 饿了么组件

在Vue 2项目中使用Element UI或饿了么UI库的组件非常简单。首先确保你已经安装了Element UI或饿了么UI库。

安装Element UI:

npm install element-ui --save

安装饿了么UI:

npm install eleme

在你的Vue项目中全局或局部地导入和使用Element UI或饿了么UI组件。

全局导入Element UI示例:

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
 
Vue.use(ElementUI)
 
new Vue({
  el: '#app',
  render: h => h(App)
})

全局导入饿了么UI示例:

import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
 
Vue.use(Element)
 
new Vue({
  el: '#app',
  render: h => h(App)
})

在组件中使用Element UI或饿了么UI组件:

<template>
  <el-button type="primary">点击我</el-button>
</template>
 
<script>
export default {
  // 组件逻辑
}
</script>

请确保你的Vue版本与Element UI或饿了么UI库的版本兼容。如果你使用的是Vue 2，那么你应该安装对应Vue 2版本的UI库。