vue中的函数式组件也称为无状态组件,与Flutter中的无状态组件类似,其内部没有任何状态。函数式组件中只接受一个props参数,没有其他参数。

<!-- 声明为一个函数式组件 -->
<template functional>
	{{data}}
<template>
<script>
export default {
	props: {
		data: ''
	}
}
</script>
Vue.component('my-component', {
  // 声明为函数式组件
  functional: true, 
  // Props 是可选的
  props: {
    // ...
  }, render: function (createElement, context) {
    // ...
  }
})
Logo

前往低代码交流专区

更多推荐