古兰精

摘要： 一、场景 先理解什么是 Hook，拿 React 的介绍来看，它的定义是： 它可以让你在不编写 Class 的情况下，让你在函数组件里“钩入” React state 及生命周期等特性的函数 对于 Vue 提出的新的书写 Vue 组件的 API：Composition API RFC，作用也是类似， 阅读全文

摘要： 一、Nuxt 作用 1、Nuxt 其一目的是为了解决单页面应用的SEO问题，相比于我们平常的 SPA 页面。在搜索引擎中由于无法从网页中被抓取内容信息(SPA页面的信息都是被打包到JS文件中,动态加载到页面中)，从而无法被用户所搜索到。 2、其二是服务端渲染相比于SPA页面渲染，在网络环境较差或者客 阅读全文

摘要： 一、nuxt 的智能预读取 Nuxt 2.4中发布了Nuxt.js的一个新特性，称为智能预读取，它与universal mode相结合，提供了更好的用户体验。 使用此功能（默认情况下已启用），当 nuxt-link 路由在视口中可见时（即页面滚动到路由入口元素时），Nuxt.js将自动下载链接目标页 阅读全文

摘要： 一、@rollup/plugin-inject 插件作用 这个插件的作用是：扫描模块代码，找到需要替换的全局变量，同时通过Import注入变量。比如：针对全局使用的Promise的地方：Promise.resolve(1);我们想要通过自己的某个polyfill来模拟该行为，比如用es6-promi 阅读全文

摘要： 一、环境变量配置 在项目开发中我们需要配置环境变量：开发环境，生产环境和测试环境。在cli 2.0的版本中我们是通过在config文件夹进行配置的，vue/cli 3.0相对简单，只需要在项目根目录创建 .env 文件即可。以下是环境对应文件名和命令 模式 对应npm命令 对应文件名称 develo 阅读全文

摘要： 一、reactive 创建的响应式对象解构后为什么会失去响应式 Vue 拥有一个响应式系统，可以让它在数据更新的时候自动进行视图的更新。在Vue3.0中，可以使用 reactive 声明响应式状态。文档说不要解构 reactive 创建的响应式对象，为什么？因为会失去响应式的功能，那为什么会失去，我 阅读全文

摘要： 想在你的Vue组件之间共享代码？如果你熟悉 Vue 2 则可能知道使用 mixin ，但是新的 Composition API 提供了更好的解决方案。在本文中，我们将研究 mixins 的缺点，并了解 Composition API 如何克服它们，并使Vue应用程序具有更大的可伸缩性。 一、Mixi 阅读全文

摘要： 一、问题背景 vue3使用el-form的时候，如下代码，会导致输入框无法输入，无法赋值，选择框无法选择 <el-form ref="service" :model="service" label-width="80px"> <el-form-item label="名称"> <el-input v 阅读全文

摘要： 一、使用reactive函数声明数组如何正确赋值 需求：将接口请求到的列表数据赋值给响应数据 array const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败， 阅读全文

摘要： 一、问题背景 Java 后端使用了 PageHelper 分页插件来进行分页查询，但是发现有个方法分页不生效，总是返回的是全部数据。 后来查了相关文档找到了问题原因如下。 二、不分页的几种情况 1、版本过低的问题 问题：pagehelper没有效果，一直不能分页问题 解决方法：引用其他博主的博客的解 阅读全文