functional 是什么?
它是函数式组件的一个标记,如果一个组件没有管理任何状态,也没有监听任何传递给它的状态,没有声明周期方法。实际上,它只是接收一些props的函数,在这种场景下,我们可以将组建标记为 functional ,这意味着它无状态(没有响应式数据),也没有实例(没有this上下文);其实函数式组件只是一个函数,它的渲染开销比较低。
Vue.js函数式组件详解
Vue Loader 函数式组件详解
functional 怎么使用?
如果要声明一个组件为函数式组件,只需要在<template 标签中添加 functional 属性即可。如果该组件中需要接受父组件通过prop传递过来的数据,需要通过 props.数据名 获取
使用案例一:
使用案例二:
{{ props.name }}