码迷,mamicode.com
首页 > 其他好文 > 详细

【vue】函数式组件

时间:2019-03-29 14:36:24      阅读:451      评论:0      收藏:0      [点我收藏+]

标签:tps   com   vue   default   函数式   bsp   port   cell   上下文   

在 2.5.0 及以上版本中,如果你使用了单文件组件,那么基于模板的函数式组件可以这样声明:

<template functional>
  <div class="cell">
    <div v-if="props.value" class="on"></div>
    <section v-else class="off"></section>
  </div>
</template>

<script>
export default {
  props: [value]
}
</script>

我们标记组件为 functional,这意味它是无状态 (没有响应式数据),无实例 (没有 this 上下文)。

提示:函数式组件比普通组件性能更好,缺点是定义的数据没有响应式。

【vue】函数式组件

标签:tps   com   vue   default   函数式   bsp   port   cell   上下文   

原文地址:https://www.cnblogs.com/wuxianqiang/p/10620997.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!