欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue中添加element ui组件

程序员文章站 2024-02-19 00:02:46
...

上篇文章讲了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>

vue中添加element ui组件

然后保存刷新应该就可以使用啦!
如果还不行的话试一试在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引入组件

相关标签: vue element ui