前端|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局部组件库的使用
文章图片

前端|9.06 Day47---Element UI局部组件库的使用
文章图片

前端|9.06 Day47---Element UI局部组件库的使用
文章图片

前端|9.06 Day47---Element UI局部组件库的使用
文章图片

前端|9.06 Day47---Element UI局部组件库的使用
文章图片

路由Vue Router:
路由的作用是用来跳转页面的
但是Vue工程是SPA工程,只存在一个HTML页面,其他的全部称为组件
把组件当作页面进行跳转需要使用到Vue路由
前端|9.06 Day47---Element UI局部组件库的使用
文章图片

前端|9.06 Day47---Element UI局部组件库的使用
文章图片
前端|9.06 Day47---Element UI局部组件库的使用
文章图片

前端|9.06 Day47---Element UI局部组件库的使用
文章图片
前端|9.06 Day47---Element UI局部组件库的使用
文章图片

右击用idea打开:
前端|9.06 Day47---Element UI局部组件库的使用
文章图片

前端|9.06 Day47---Element UI局部组件库的使用
文章图片

SPA: 单页web应用(single page web application,SPA),就是只有一张web页面的应用,是加载单个HTML页面并在用户与应用程序交互时动态更新页面的web应用程序
一切皆组件 工程启动后访问http://localhost:8080/
访问的是index.html
前端|9.06 Day47---Element UI局部组件库的使用
文章图片

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