vue3中defineComponent和<script setup>

270 阅读1分钟

defineComponent

所有在setup()中的方法和值,全部要return出来

<script>
import {defineComponent} from 'vue'
export default defineComponent({
//接收参数
 props:{},
 setup(props,context){
  const handlechange = () =>{
   context.emit()
  }
  return {
  
  }
 }
})
</script>

script setup

<script setup>
//接收参数
const props = defineProps({})
//传递方法
const emit = defineEmits(['on-change'])
const handleClick =() =>{
 emit('on-change','子组件方法被调用')
}
</script>