先写一个组件

 

 

vue组件三要素

<template>

    <div></div>

</template>

<script>

export default {

   

       

    }

</script>

<style lang="">

</style>

接下来写路由把组件引入项目中

 

跳转:

 

使用npm i element-ui -S进行安装element-ui

 引入路由:

 

 使用测试:

 

 

 快捷键Alt+Shit+f整理页面

编写页面模板

 

放到App下

 

 

 定义模板:

 

把表格整理成为一个组件

 

 

 

 

 在App.vue中进行使用router开启