一、前言

开始学习前端，直接从VUE3开始，从简单的创建表格开始。因为自己不是专业的程序员，编程主要是为了辅助自己的工作，提高工作效率，VUE的基础知识并不牢固，主要是为了快速上手，能够做出一些东西出来。

二、程序展示

1、程序说明

使用VUE3，elementplus，创建一个table，业务场景是进行汽车发动机型号注册，本文先从创建一个table开始，后续再联动后端，再增删改查。

2、main.ts的内容

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
const app = createApp(App)
app.use(ElementPlus,{ locale: zhCn,})..mount('#app')

在这里主要是要引入elementplus，{ locale: zhCn,}这个作用是使用elementplus的中文版。

3、创建页面

创建一个vueStudy的页面，在template里创建表格。

在script里要加上setup lang = “ts”，在这里要引入eltable。

样式里可以不做调整，先按默认的来就行。

在终端cnpm run dev一下，最后的结果：

创建table成功，初始化的值在页面上成功展示出来。