摘要:
一、场景 先理解什么是 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没有效果,一直不能分页问题 解决方法:引用其他博主的博客的解 阅读全文