【Vue学习记录|Vue3.0 使用 ts 给 props 传入泛型】在 vue 中使用 ts 的泛型来规范父组件传入的 props 属性,就需要使用 vue 提供的 PropType 属性,具体用法如下
测试界面
="ts">
import { defineComponent, PropType } from 'vue';
export interface ColumnProps {
id: number;
title: string;
avatar: string;
description: string;
}export default defineComponent({
name: 'ColumnList',
props: {
list: {
type: Array as PropType,
required: true,
},
},
setup() {
return {};
},
});
="less" scoped>
推荐阅读
- 使用Vuex实现集中式存储管理应用的所有组件的状态
- JAVA后端|Java日期处理
- TypeScript开发(一) 环境搭建
- vue|记事本(本地应用,基于vue.js)
- js|Vue快速入门-个人笔记
- 前端|vue快基础知识快速入门
- js|vue table checkbox 单选问题
- Web3|Web3js获取MetaMask钱包并监听切换
- js方法|Vuex入门(六)——mapState, mapGetters, mapMutations, mapActions全网最全详解终结篇(带源码)