初学者的element-ui项目

vue-element UI

总结:

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

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

初学者的element-ui项目

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

初学者的element-ui项目

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

初学者的element-ui项目

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

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

初学者的element-ui项目

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

初学者的element-ui项目

然后我们就可以框架(element)中去找我们每个组件中的内容就行了,

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

最后,项目地址:点我