一、注册组件
1.在语法糖中<script lang="ts" setup>:只需要import引入组件即可,不需要注册
2.非语法糖中
//1.使用defineComponent局部注册
important {defineComponent} from 'vue';
import listviewTopVue from '@/components/listviewTop.vue';
export default defineComponent({name:'App',components:{listviewTopVue}})
//2、使用异步注册组件
import {defineComponent,defineAsyncComponent} from 'vue';
export defalut defineComponent({
name:'App',
components:{listviewTopVue:defineAsyncComponent(()=>import('./components/listviewTop.vue'))}
})
二、父传子
1.props传值:
// 1.子组件接受父组件传过来的值
const porps = defineProps({
currentPage: {
type: Number,
default: 1
},
total: {
type: Number,
default: 0
},
isDisable: {
type: Boolean,
default: false
}
})