v-node问题？

Question

看到这样一段代码 <v-nodes v-if="typeof title === 'function'" :vnodes="title()" /> title是传进来的一个prop，这段代码是什么意思？

Answer 1

<v-nodes v-if="typeof title === 'function'" :vnodes="title()" />,
typeof title === 'function'判断title是否为函数类型, 不是就不显示v-node这个组件,
之所以加这个也是为了防止报错, 因为后面调用了title, 如果不是函数而又进行渲染该组件会执行 :vnodes="title()", 就会报错

如果是就显示, 然后就可以:vnodes="title()", 调用title函数, 并得到函数title的返回值赋值给vnode做反显

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

title 应该是 methods 里面的一个方法。

比如说你有一个时间戳，需要 format 一下，除了使用 filters 也可以直接使用 methods 的方法

<v-nodes 是你自己声明的组件，有可能是局部，也有可能是全局，当然也有可能是自己

:vnodes=" 就是他自己的 props 了

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。