ElementUiPlus的极快搭建和使用

一、在终端输入

npm install element-plus --save

 二、在package.json可以看到vue和elementuiplus的版本

三、 引入

1.  
   import ElementPlus from 'element-plus'
2.  
   import 'element-plus/dist/index.css'
3.  
   app.use(ElementPlus)

 可以进行动态引入，这是完整main.js文件

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app=createApp(App)
    .use(ElementPlus)
    .use(router)
    .mount('#app')

四、在相关的vue文件中引入

import { ElButton } from 'element-plus'

 这是完整vue文件

1.  
   <template>
2.  
   <el-button>I am ElButton</el-button>
3.  
   </template>
4.  
   <script>
5.  
   import { ElButton } from 'element-plus'
6.  
   export default {
7.  
   components: { ElButton },
8.  
   data(){
9.  
   return{
10.  
     
11.  
    }
12.  
    },
13.  
    methods:{
14.  
     
15.  
    }
16.  
    }
17.  
    </script>

五、结果如下

 

这篇好文章是转载于：学新通技术网