vue中添加element ui組件

上篇文章講了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引入組件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章