初学者的element-ui项目

最新推荐文章于 2022-09-29 17:32:20 发布

无人不xiao

最新推荐文章于 2022-09-29 17:32:20 发布

阅读量442

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_45934659/article/details/109496501

版权

vue-element UI

总结：

视频连接：https://www.bilibili.com/video/BV1wJ41157TH?p=1
视频地址
首先这个视频两天看下来，遇到了很多的困难，但是还是一一解决了
下面我分析一下：

mian.js这个文件中是写导入项目中的东西的（例如：router、echarts、axios、element-ui），都要在这里import进去

在这里插入图片描述

然后通过$mount 方法就会进入App.vue（他是项目中的全局Vue）,在这个文件中通过element-ui框架，引入了一个基本页面框架分为左右两部分，在element-ui官网中有很多的模板，也可以选择其他的，

在这里插入图片描述

然后就要定义我们需要用的组件（就是在components中一个.vue文件）了，定义了四个组件，如下图

在这里插入图片描述

我们每次定义一个组件后都要去router文件夹下的index.js 中去配置路由

步骤：下面我们以Home.vue 这个组件为例

在这里插入图片描述

我们想要调用组件还要去App.vue中去进行修改，请看下图

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oC8ivNOz-1604486740860)(C:\Users\yang2\AppData\Roaming\Typora\typora-user-images\1604478601188.png)]$

然后我们就可以框架（element）中去找我们每个组件中的内容就行了，

还有就是在前后端交互数据时要用到一个接口，这里我没有使用，直接使用死的数据（不用就是不会写接口，嘿嘿）。

最后，项目地址：点我

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
初学者的element-ui项目

vue-element UI总结：视频连接：https://www.bilibili.com/video/BV1wJ41157TH?p=1视频地址首先这个视频两天看下来，遇到了很多的困难，但是还是一一解决了下面我分析一下：mian.js这个文件中是写导入项目中的东西的（例如：router、echarts、axios、element-ui），都要在这里import进去然后通过$mount 方法就会进入App.vue（他是项目中的全局Vue）,在这个文件中通过element-ui框架，引入了一个
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。