本文主要是介绍Vue中Element的下载，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
打开vscode让项目在终端中打开
输入npm install element-ui@2.15.3
然后进行下载
在node_modules中出现element-ui表示下载完成
然后在输入Vue.use(ElementUI);
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui'
Vue.config.productionTip = false
Vue.use(ElementUI);
new Vue({router,render: h => h(App)
}).$mount('#app')
在Element官网上复制代码
将写好的ElementView导入App.vue中 <div> <element-view></element-view> </div>
<template><div><element-view></element-view></div>
</template>
<script>
import ElementView from './views/element/ElementView.vue'
export default {components: { ElementView },data(){return{message:"hello world"}},
}
</script>
<style>
</style>
注意一定要在main.js中导入import 'element-ui/lib/theme-chalk/index.css'否则没有css样式
最后在npm启动
得到如下效果
这篇关于Vue中Element的下载的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
