随笔分类 - Vue
Vue
摘要：问题描述 大家用vue脚手架搭建前端工程时，常被缓存问题所困扰，具体的表现就是，当程序版本升级时，用户因为缓存访问的还是老的页面，然后很多同学很暴力的直接在index.html中加入了这几行代码： <meta http-equiv="Expires" content="0"> <meta http-
阅读全文
摘要：计算属性computed : 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中
阅读全文
摘要：// 安装依赖 npm install @babel/plugin-proposal-optional-chaining -S // @babel/plugin-proposal-nullish-coalescing-operator -S // 在babel.config.js中 的 plugin
阅读全文
摘要：/** 发布者 */ class Publish { name: string id: number messageMap: { [key: string]: {id: number; name: string; [x: string]: any}[] } /** name等同于给当前发布者一个名称
阅读全文
摘要：一、真实DOM和其解析流程？ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。 第二步，用CSS分析器，分析CSS
阅读全文
摘要：<template> <div> <span>{{ arr }}</span> <!--<span v-for="item in arr" :key="item">{{ item }}</span>--> <br/> <span v-for="item in arr2" :key="item.num
阅读全文
摘要：具体可见： https://juejin.im/post/6844904133430870024 在react中，如果要渲染一个列表，我们会用map()函数将数组循环处理然后渲染到DOM，在处理循环时，“key” 是一个你需要包含的特殊字符串属性。 很多时候，我们会使用当前列表的索引为key,但这样
阅读全文
摘要：vue 的火热程度毋庸置疑，vue3.0+typescript更是将vue玩出新高度。让编码变得更加规范化； 什么是typeScript？TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持 ； 这里不多做详解，感兴趣的同学可阅读文档：https://t
阅读全文
摘要：vue3.0兼容vue2.0写法 理解为多了个setup (composition api)实现功能拆分 代码复用 以适应大型项目 解决vue文件在编辑同一功能时 变量和方法需写在vue文件的不同纬度（data methods）造成开发体验上下反复跳 同时解决mixin数据源不明确性 composi
阅读全文
摘要：首先使用插件：vue-cropper https://github.com/xyxiao001/vue-cropper 1. 看效果图吧？ 2. 代码如下： <template> <el-dialog :width="$store.state.dialogWidth || '0px'" :visib
阅读全文
摘要：解决iview-ui表格数据多了卡，iview-ui表格卡，iview-ui表格数据多了渲染慢 主要问题就是节点过多 推荐使用一个插件库，这个解决表格大数据带来的一切问题： http://www.umyui.com/
阅读全文
摘要：一. 如何引入静态资源图片 创建图片 随便找个一张图片放入static文件夹中，使用“~”引入 直接引入 <div class="diss"> <img src="~static/avatar.jpg" alt="" width="50" height="50"> </div>复制代码 css背景图
阅读全文
摘要：vue 弹窗时 监听手机返回键关闭弹窗(页面不跳转) [注]: popstate 事件 a.当活动历史记录条目更改时，将触发popstate事件。 b.如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.replaceState（）的调用的影
阅读全文
摘要：http://www.umyui.com/ http://www.umyui.com/ ### umy-ui 一套为开发者准备的基于 Vue 2.0 的桌面端组件库，完美解决表格万级数据渲染卡顿，编辑表格卡顿问题 > umy-ui叫（U米-ui）或者叫悠米-ui > umy-ui集成了pl-tabl
阅读全文
摘要：pl-drag-template Github地址：https://github.com/livelyPeng/pl-drag-template 前言 想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完
阅读全文
摘要：Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 特性 支持触摸设备 支持拖拽和选择文本 支持智能滚动 支持不同列表之间的拖拽 不以jQuery为基础 和视图模型同步刷新 和vue2的国度动画兼容 支持撤销操作 当需要完全控制时，可以抛出所有变化 可以和现有的UI组件兼
阅读全文
摘要：vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法 本文链接：https://blog.csdn.net/weixin_43202608/article/d
阅读全文
摘要：https://www.jianshu.com/p/b8d4d4c901b8
阅读全文
摘要：https://github.com/xyxiao001/vue-cropper#readme
阅读全文
摘要：<template> <div class="wrap-sku"> <div class="product-box"> <div class="product-content"> <div class="product-delcom" v-for="(productItem,indexs) in l
阅读全文
浙公网安备 33010602011771号