0
点赞
收藏
分享

微信扫一扫

template functional

functional 是什么?

       它是​​函数式组件​​的一个标记,如果一个组件没有管理任何状态,也没有监听任何传递给它的状态,没有声明周期方法。实际上,它只是接收一些props的函数,在这种场景下,我们可以将组建标记为 functional ,这意味着它无状态(没有响应式数据),也没有实例(没有this上下文);其实函数式组件只是一个函数,它的渲染开销比较低。

       ​​Vue.js函数式组件详解​​

       ​​Vue Loader 函数式组件详解​​

 

functional 怎么使用?

       如果要声明一个组件为函数式组件,只需要在<template 标签中添加 functional 属性即可。如果该组件中需要接受父组件通过prop传递过来的数据,需要通过 props.数据名 获取

 

使用案例一:

 

使用案例二:

 


举报

相关推荐

0 条评论