上篇文章講了vue和element ui的安裝,接下來就說一說怎麼在vue中引入element ui組件。具體element ui組件可以去官網去看然後複製代碼~官網(複製粘貼太爽了!!!)
我們在官網找一個菜單的框架,在components文件夾下新建一個Menu.vue文件,把代碼複製粘貼到該文件中。然後在APP.vue中局部引入(我這裏引入了兩個vue文件)
<script>
import Menu from './components/Menu.vue'
import Zmd from './components/zmd.vue'
export default {
name: 'App',
components:{
Zmd,Menu
}
}
</script>
然後保存刷新應該就可以使用啦!
如果還不行的話試一試在index.js中引用
import Vue from 'vue'
import Router from 'vue-router'
import Menu from '@/components/Menu'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'Menu',
component: Menu
},
]
})
這是局部引用,及在需要的位置引用,還可以使用全局引用:
vue引入組件