hfzvictory

全局挂载组件之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, ...

脚手架vue-cli [[toc]] # 安装 Vue CLI 3.xyarn global @vue/cli# my-project 是你的项目名称vue create my-project vue-cli 中包含着 typescript 选项，只需要选择即可 vue create r ...

错误机制 [[toc]] 源码解析文件路径vue/src/core/util/error.js import config from '../config'import {warn} from './debug'import & ...

vue之JSX封装table [[toc]] 封装之前先看下 babel-plugin-transform-vue-jsx 基于ElementUI的table二次封装 最近搞中台开发，用的ElementUI的Table组件比较多，几乎每个页面都用，相比react的antd,饿了么的table就相对臃 ...