Javaweb后端开发必学(HTML、CSS、JS、Vue)-Vue的组件库Element

初次安装:
在项目中打开cmd命令窗口，输入命令---- npm i element-ui -S命令

安装之后在main.js中写入：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

在App.vue里面写上导入Element

<template>
  <div>
    <element-view></element-view>
  </div>
</template>

<script>
import ElementView from './views/element/ElementView.vue'

export default{   
   components: { ElementView },
    data() {
        return {
            message: "Hello Vue!"
        }
    },
    methods: {}
}
</script>

main.js一般都是连着 App.vue。你就可以在App.vue里面去导入不同的vue文件、 主要就是修改< div >里面改成你要导入的vue <vue文件名 - vue>。然后在< script >里面导入路径。在方法里面 components: { vue名字 }

Element

常见组件(CV工程师)

Pagination 分页：
Dialog 对话框：
From 表单： 能够跟Dialog嵌套

Axio异步加载数据

导入是在你当前需要传输数据的 VUE文件 < script >的第一句导入
再使用Axios章节的方法、获取URL的数据

Vue路由

前端路由： URL中的hash(#号) 与组件之间的对应关系

如果你在创建vue项目的时候没有选择路由

之后打开项目src下的router中index.js去配置你的路由

需要在这个位置再定义一个 path: '/'。因为你打开项目的时候默认是没有后面的路径。所以你需要一个根路径。
记得检查一下main.js中是否配置好

到你需要实现跳转的vue文件位置去配置一下路由link

最后到 App.js当中去设置路由展示组件

---