函数式组件:
没有管理任何状态状态、没有监听传递给给他的状态，实际上他只是接受prop的函数，这样的情况下，我们将组件标记为 functional，这就意味着他无状态（没有响应式数据），没有实例（this 上下文）。
通俗点说：
要啥啥没有，用啥啥不行，只能接受props的数据来展示，不能做任何动作。
为啥用呢 ？
一句话，渲染性能好
// 1. template写法
// props父组件传递的数据
<template functional>
<div>{{props.name}}</div>
</template>
// 2. jsx 写法
Vue.component('my-component', {
functional: true,
props: { // 可选
},
render: function (createElement, context) {
}
})
函数式组件:没有管理任何状态状态、没有监听传递给给他的状态，实际上他只是接受prop的函数，这样的情况下，我们将组...
vue项目中，经常会遇到一些性能优化点，以下就是我在工作中，总结的优化点 vue 性能优化点 1，路由懒加载 2，...
Vue笔记六：Vue项目的性能优化之路 我最近也经常面试外包同事。面试的时候，总会有个问题，“你说一下性能优化的手...
vue3 新增的亮点 Performance 性能优化 Tree-shaking 支持摇树优化 Compositi...
vue-diff算法 react 性能优化 diff算法 ，局部更新DOMshouldComponentUpdat...
对比vue，性能优化对react更加重要，shouldComponentUpdate又是react中性能重要的一个...
参考文章：Vue 项目性能优化 — 实践指南（网上最全 / 详细） Webpack 对图片进行压缩 在 vue 项...
一、template v-show，v-if 用哪个？第一个维度是权限问题，只要涉及到权限相关的展示无疑要用 v-...
前言 一般来说，你不需要太关心vue的运行时性能，它在运行时非常快，但付出的代价是初始化时相对较慢。在最近开发的一...
性能优化的手段 目标：降低打包后文件大小，提高首屏加载速度 手段： 1.懒加载 运用懒加载则可以将路由对应的页面组...
本文标题：vue functional 性能优化
本文链接：https://www.haomeiwen.com/subject/nipytltx.html
网友评论