9.06 Day47---Element UI局部组件库的使用

目录

创建一个vue工程:

SPA:

一切皆组件

在App.vue文件中:

全局唯一的路由配置文件router/index.js:

在HomView.vue文件中:

代码分析:

 Element UI局部组件库的使用:

1.官网:

2.安装

3.导入


创建一个vue工程:

9.06 Day47---Element UI局部组件库的使用_第1张图片

9.06 Day47---Element UI局部组件库的使用_第2张图片 

9.06 Day47---Element UI局部组件库的使用_第3张图片

 9.06 Day47---Element UI局部组件库的使用_第4张图片

 9.06 Day47---Element UI局部组件库的使用_第5张图片

 路由Vue Router:

路由的作用是用来跳转页面的

但是Vue工程是SPA工程,只存在一个HTML页面,其他的全部称为组件

把组件当作页面进行跳转需要使用到Vue路由

9.06 Day47---Element UI局部组件库的使用_第6张图片

9.06 Day47---Element UI局部组件库的使用_第7张图片9.06 Day47---Element UI局部组件库的使用_第8张图片

9.06 Day47---Element UI局部组件库的使用_第9张图片 9.06 Day47---Element UI局部组件库的使用_第10张图片

右击用idea打开:

9.06 Day47---Element UI局部组件库的使用_第11张图片 

SPA:

单页web应用(single page web application,SPA),就是只有一张web页面的应用,是加载单个HTML页面并在用户与应用程序交互时动态更新页面的web应用程序 

一切皆组件

工程启动后访问http://localhost:8080/

访问的是index.html

 9.06 Day47---Element UI局部组件库的使用_第12张图片

这个空div里面默认挂载的是App.vue中