vue中函数式组件

我们在子组件中，为了接受父组件数据，要使用props属性接受，vue为了简化这一过程，提供了函数式组件。
在模板中，设置functional属性即是一个函数组件
此时我们就可以通过props属性语法获取数据。

父组件中：

  <Demo :msg= "msg"></Demo>
  data中：
        msg:"中国加油",
    
<style  scoped>

div{
  color: orange;
}

</style>

子组件Demo.vue中

<template functional>
<div>{{props.msg}}</div>  
</template>

<script>
export default {

}
</script>

<style>

</style>

页面效果：
注：父组件中设置的样式在函数式组件中生效。通过审查元素也发现其style标识值和父元素是一样的。
可以把函数组件理解为一个模板片段，而不是独立的组件