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>
然后保存刷新应该就可以使用啦!
如果还不行的话试一试在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 层级菜单显示实例 (详解)
-
VUE element ui根据数组生成多个互不干扰的下拉菜单并获取对应参数
-
vue中添加element ui组件
-
vue-cli如何对element-ui组件进行二次封装
-
vue+element-ui初始化表格时某一列根据后台返回内容显示不同的icon
-
1.基于vue+element_ui 构建新项目——前期准备工作
-
vue3.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法
-
关于element-ui的隐藏组件el-scrollbar的使用
-
vue组件传递对象中实现单向绑定的示例
-
element-ui 框架的checkbox组件 详解