随笔分类 -  vue

1 2 3 4 下一页
vue3 设置 keepAlive: true 有时候不管用, 如何修复
摘要：vue3 设置 keepAlive: true 有时候不管用，增加如下配置 src/router/index.ts { path: '/documentReview', name: 'documentReview', component: () => import('@/views/order/do 阅读全文
posted @ 2025-01-23 09:54 小短腿奔跑吧 阅读(13) 评论(0) 推荐(0) 编辑
Vue.js 3.0 响应式系统的实现原理？
摘要：一、Vue.js 响应式回顾 1. Proxy 对象实现属性监听 2. 多层属性嵌套，在访问属性过程中处理下一级属性 3. 默认监听动态添加的属性 4. 默认监听属性的删除操作 5. 默认监听数组索引和 length 属性 6. 可以作为单独的模块使用 二、核心方法 1. reactive / re 阅读全文
posted @ 2021-03-17 18:16 小短腿奔跑吧 阅读(272) 评论(0) 推荐(0) 编辑
Vue 3.0 在编译方面有哪些优化？
摘要：1. Vue.js 2.x 通过标记静态节点，优化 diff 的过程 2. Vue.js 3.x 通过标记和提升所有的静态根节点，diff 的时候只需要对比动态节点内容 Fragments ( 升级 Vetur 插件 ) 静态提升 Patch flag 缓冲事件处理函数 详细解释： 此处我们用到线上 阅读全文
posted @ 2021-03-17 18:15 小短腿奔跑吧 阅读(802) 评论(0) 推荐(0) 编辑
Proxy 相对于 Object.defineProperty 有哪些优点？
摘要：1. Object.defineProperty 无法一次性监听所有属性， Proxy 可以 const personInfo = { name: 'zhangsan', age: 18, sex: '男' } const proxy = new Proxy(personInfo, { get(ta 阅读全文
posted @ 2021-03-17 18:14 小短腿奔跑吧 阅读(235) 评论(0) 推荐(0) 编辑
Vue 3.0 所采用的 Composition Api 与 Vue 2.x使用的Options Api 有什么区别？
摘要：一、Why Composition API？ 创建Vue组件使我们能够将接口的可重复部分及其功能提取到可重用的代码段中。就可维护性和灵活性而言，仅此一项就可以使我们的应用程序发展得很远。但是，我们的集体经验证明，仅凭这一项可能还不够，尤其是当您的应用程序变得非常大时-考虑数百个组件。当处理如此大的应 阅读全文
posted @ 2021-03-17 18:13 小短腿奔跑吧 阅读(820) 评论(0) 推荐(0) 编辑
Vue 3.0 性能提升主要是通过哪几个方面体现的？
摘要：一. 响应式系统升级 1. Vue.js 2.x 中响应式系统的核心是 Object.definePropertry 2. Vue.js 3.x 中使用 Proxy 对象重写响应式系统 可以一次性监听所有属性 可以监听动态新增的属性 可以监听删除的属性 可以监听数组的索引和length属性 详细解释 阅读全文
posted @ 2021-03-16 15:00 小短腿奔跑吧 阅读(509) 评论(0) 推荐(0) 编辑
快速原型开发
摘要：官网链接 阅读全文
posted @ 2021-03-04 10:59 小短腿奔跑吧 阅读(60) 评论(0) 推荐(0) 编辑
Vue 6种 组件方法
摘要：Root Parent Children ref privide attrs/listener 阅读全文
posted @ 2021-03-03 17:21 小短腿奔跑吧 阅读(89) 评论(0) 推荐(0) 编辑
Nuxt + Github Action + 阿里云服务器 = 实现自动化部署
摘要：源于要做一个Nuxt的项目，所以标题以Nuxt为主，其实不然，我们同时也可将 Html 包含内的任意框架，全部可通过该方式进行实现自动化部署， 注：但前提是，请勿将公司内部产品项目，放入Github中使用，Github 建议只上传Demo，GItLab 可用于公司内部使用, CI 实现自动化部署。 阅读全文
posted @ 2021-02-05 18:45 小短腿奔跑吧 阅读(1037) 评论(0) 推荐(0) 编辑
Vue v-for循环 加 key 与 不 加 key的区别
摘要：在日常项目中，我们通常不会注意到这一个点，因为具体在体现上并没有什么差别，但在性能层面确实不同的，也是需要我们去注意的一点，如果在小项目的情况下，可能不会存在太大的差别，但在大型的项目中，就往往会影响，比如页面加载太慢，导致的用户体验差。主要的原因还是源于 在循环中我们没有加 key 这个标识，导致 阅读全文
posted @ 2020-12-29 14:39 小短腿奔跑吧 阅读(2598) 评论(0) 推荐(0) 编辑
Vue 响应式的原理
摘要：每次面试逃不过的一道面试题，那是什么呢？那就是 噔噔噔噔～～～ Vue的响应式，下面我们模拟一下面试的场景，看看大家是否感同身受，哈哈哈哈哈！！！！ 面试官：看过Vue源码吗？ 求职者：看过一点。 面试官：那你简单讲一下 Vue 的响应式原理 求职者：那什么，好的.... 面试官：那就开始吧！ 求职 阅读全文
posted @ 2020-12-25 16:33 小短腿奔跑吧 阅读(320) 评论(0) 推荐(0) 编辑
Vue 首次渲染的过程
摘要：本博客将以断点的形式带大家了解一下，Vue在首次渲染的情况下经历了哪些过程，顺便对最近Vue2.6 源码的学习，进行总结一下。 前期准备： 1. Vue2.6 源码的 clone 2. 浏览器，我用的是 google 3. 浏览器内断点 4. 下面流程图为全部过程，后续还需新增 一、前期准备详细-内 阅读全文
posted @ 2020-12-23 17:50 小短腿奔跑吧 阅读(665) 评论(0) 推荐(0) 编辑
模拟 Vue 响应式原理
摘要：等待更新 一. 积累问题 1. Vue 属性中 $data 的作用是什么？$data 中getter和setter中的属性，和Vue实例上getter和setter的区别是什么？ 2. Object.defineProperty 中 enumerable 和 configurable有什么作用，具体 阅读全文
posted @ 2020-11-13 15:28 小短腿奔跑吧 阅读(73) 评论(0) 推荐(0) 编辑
Vue 中 diff 算法中的key有什么作用？
摘要：一、有相同父元素的子元素必须有独特的key，重复的 key 会造成渲染错误 例如： let inputData = [1,2,3] <div> <input type="checkout" v-for="inputData">{{item}}</input> </div> 解释：在没有key的情况下 阅读全文
posted @ 2020-11-10 16:27 小短腿奔跑吧 阅读(780) 评论(0) 推荐(0) 编辑
实现小型 vueRouter， 并了解其内部原理
摘要：一、安装Vue项目 1. 可以使用下列任一命令安装这个新的包： npm install -g @vue/cli # OR yarn global add @vue/cli 2. 你还可以用这个命令来检查其版本是否正确： vue --version 3. 运行以下命令来创建一个新项目： vue cre 阅读全文
posted @ 2020-10-15 17:10 小短腿奔跑吧 阅读(124) 评论(0) 推荐(0) 编辑
Vue 列表渲染的话，key 有什么作用
摘要：为了跟踪每个节点的身份，让每一项最大程度的重用，从而提高性能 阅读全文
posted @ 2020-10-13 17:25 小短腿奔跑吧 阅读(155) 评论(0) 推荐(0) 编辑
移动端悬浮框可移动，可回弹，Vue and React
摘要：一，首先讲 React的悬浮框 示例，可参照链接 Demo文档，可参照链接 1. 安装 npm install suspend-button -S 2. 使用 import React, { Component } from 'react' import ReactDOM from 'react-d 阅读全文
posted @ 2020-03-23 16:09 小短腿奔跑吧 阅读(1352) 评论(1) 推荐(0) 编辑
vue-waterfall2 实现瀑布流，及总结的问题
摘要：1.安装 npm install vue-waterfall2@1.8.20 --save （提示：一定要安装1.8.20，最新版会有一部分问题） 2.打开main.js文件 import waterfall from 'vue-waterfall2' Vue.use(waterfall) 3.co 阅读全文
posted @ 2019-11-08 16:57 小短腿奔跑吧 阅读(7704) 评论(0) 推荐(1) 编辑
vue CSS使用/deep/
摘要：比如你使用了别人的组件或者自己开发一个组件，有时候你修改一处就可能影响到别的地方，这个时候要么你不用别人的组件，自己重新封装一个，但很多时候是不太现实的，所以就需要有一个方法或者方式，既不影响到别的地方，又能修改子组件在当前的样式。 那么我们就需要/deep/，使用方式也很简单： 阅读全文
posted @ 2019-11-07 15:17 小短腿奔跑吧 阅读(8514) 评论(0) 推荐(1) 编辑
vue.config.js 配置 scss，less，sass全局配置 vuecli3
摘要：module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */ publicPath: process.env.NODE_ENV === 'production' ? '/public/' : '/', /* 输出文件目录：在npm run build时，生成文... 阅读全文
posted @ 2019-11-06 14:16 小短腿奔跑吧 阅读(13804) 评论(0) 推荐(0) 编辑

1 2 3 4 下一页
点击右上角即可分享
微信分享提示