Vue3.0+TS+Element-plus实现(若依版后台管理系统)

附上源码地址: Vue3.0+TS+Element-plus 后台管理系统模板

准备工作

安装vue3.0，npm create vue3-project

选中这几项即可，不需要vuex, 我们自己封装状态管理。

setup函数使用

在.vue文件中, script 标签下代码都必须带有lang=“ts”。关于setup函数调用时间是在vue2的create之前触发，其他的生命周期相信大家都有所了解，这里就不做赘述了。setup有两种写法 ，

常规写法

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'home',
  setup() {
    return {}
  }
})
</script>

需要在模板html中使