hfzvictory

Vue之JSX封装搜索头部 [[toc]] 组件封装源码export default { data() { const {searchProps} = this; return { searchData: searchProp ...

基于Vue的组件局部刷新 之前做keepalive，组件destroy销毁后，就不会缓存该页面了，解决的办法就是刷新当前的页面，一种是原始的刷新方式，一种就是基于框架本身的局部刷新，今天完善下基于vue的局部刷新。 我上次省事在做keepalive的时候，直接在页面内部做的局部刷新，具体看这大概是最 ...

React-SSR [[toc]] 先附上github地址https://github.com/hzfvictory/react-ssr,方便大家更容易理解，不然后面很多地方会一头雾水。 欢迎大家点star,提issue，一起进步！😄 客户端渲染与服务端渲染CSR: 页面渲染是JS负责进行的 ...

全局挂载组件之Vue.extend [[toc]] Vue.extend 属于Vue的全局 api，在实际业务开发中我们很少使用，因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。但是在一些独立组件开发场景中（例如：ElementUI库），所以Vue.exten ...

keep-alive源码分析 [[toc]] 如何使用想看具体用法看我上一篇文章 这大概是最全乎的keep-alive的踩坑指南 源码剖析源码地址 // /src/core/components/keep-alive.jsimport {isRegExp, remove} fro ...

使用keepAlive遇到的坑 [[toc]] 介绍keep-alive是vue的一个内置组件。它会缓存不活动的组件实例，而不是直接将其销毁，它是一个抽象组件，不会被渲染到真实DOM中，也不会出现在父组件链中。它提供了include与exclude属性，允许组件有条件地进行缓存，其中exclude的 ...

vue3.o源码分析 [[toc]] 前言调研的预览版本，很多api还没完善，但大致架构已经成形, 暂时还不能用于生产。 优势 函数式编程，函数对ts兼容性好【react-hooks】 static tree hoisting 功能 （检测静态语法，进行提升） 【diff】 基于 Proxy 实 ...

vue中使用JSX [[toc]] vue中使用JSXTemplate 学习成本低 大量内置指令简化开发 组件作用域css 但灵活性低 JSX 灵活 JSX更易读也是 JavaScript。 JSX使自定义Vue组件更容易导入和管理,导入直接使用，不用再通过components了 可以例子可 ...

问题验证解析 [[toc]] vue中组件的data为什么是一个函数// 方法一data () { return { count:0, show:true, }}// 方法二data: { count: 0, ...