vue功能组件中的 "引用 "指的是什么?

最近我在阅读Vue的文档,在阅读功能组件的时候,我发现了一句话,那就是.com。

注意:在2.3.0之前的版本中, props 如果您想接受 props 在功能组件中。在2.3.0+中,你可以省略props选项,所有在组件节点上找到的属性都会被隐式提取为props。

当使用功能组件时,引用将是HTMLElement,因为它们是无状态和无实例的。

你可以看到原始文档 此处.

我对第二句话中的 “参考 “二字感到很困惑,这个 “参考 “表示什么?

希望有人能帮我弄明白,谢谢朋友:)

解决方案:

我不是100%确定,但我认为它指的是这种情况。

Vue.component('functional', {
  functional: true,
  render(h, ctx) {
    return h('button', ctx.data, ctx.children)
  }
})

Vue.component('full', {
  template: '<button><slot/></button>'
})

new Vue({
  el: '#app',
  mounted() {
    console.log(this.$refs.func instanceof HTMLElement)
    console.log(this.$refs.full instanceof Vue)
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
  <functional ref="func">Functional</functional>
  <full ref="full">Full</full>
</div>

给TA打赏
共{{data.count}}人
人已打赏
未分类

Flexform中的TYPO3 FAL

2022-9-8 15:24:41

未分类

为什么BackgroundTasks中的异步长运行操作无法工作?

2022-9-8 15:24:43

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索