weixin_41814408-优快云博客

转载 reduce详解及使用技巧

arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。callback （执行数组中每个值的函数，包含四个参数） 1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue）） 2、currentValue （数组中当前被处理的元素.

2021-05-16 13:55:41 504

原创 vuex 的module 模块化

Module由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割：const moduleA = { state: () => ({ ... }), mutations: { ... }, actions: { ..

2021-05-06 18:01:13 394

原创 VUEX的 mutation以及常量使用

**Mutation**更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的事件类型 (type) 和一个回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数：const store = new Vuex.Store({ state: { count: 1 }, mutations: { inc

2021-05-06 13:43:49 644

原创 vuex 基础使用

vuex2vuex全家桶vue概述vue基本使用vue核心概念基于vue案例vue概述组件共享数据的方式父向子传值：v-bind 属性绑定子向父传值：v-on 事件绑定兄弟之间共享数据 EventBus$on 接收数据的那个组件￥emit发送数据的那个组件Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享vuex概述能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效的实现组件之间的数据共享，提高开发效率存储在vuex中的数据都是

2021-05-06 00:10:01 177

原创 new Date 格式化 js

new Date 格式化 js下面是代码下面是代码// 格式化 new Date() // 正则解决function rTime(date) { var json_date = new Date(date).toJSON(); return new Date(+new Date(json_date) + 8 * 3600 * 1000) .toISOString() .replace(/T/g, " ") .replace(/\.[\d]{3}Z

2021-04-16 14:03:22 603

转载 2021-02-04

如何在Vue2中实现组件props双向绑定目录Vue学习笔记-3 前言Vue2的组件props通信方式案例在Vue2.0中，实现组件属性的双向绑定方式在组件内的data对象中创建一个props属性的副本创建针对props属性的watch来同步组件外对props的修改创建针对props副本的watch，通知到组件外什么样的props适合做双向绑定？自动化的props双向绑定处理Vue的mixin组件——propsync主要功能propsync的使用方法源码下载相关笔记Vue学

2021-02-04 11:21:05 71

原创 vue 去重

filter((arr) => !resmap.has(arr.OrderId) && resmap.set(arr.OrderId, 1))

2021-01-28 11:04:30 231

原创 el-table-column 点击内容触发当前行

点击开关触发当前行一行代码搞定。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。；；；；； @click.stop.native

2021-01-26 16:49:33 990

原创此文转载自用 tab自动高度点击选中当前行

遇到的一些问题tab自动高度export default { componentUpdated(el, binding, vnode) { const ctx = vnode.context; if (!ctx || typeof ctx[binding.arg] === "undefined" || ctx.autoHeightResizeListener ) return

2021-01-26 16:37:01 113

原创 el-upload 使用

<template > <div> data上传    <el-upload class="upload-demo" action="http://192.168.1...

2020-12-28 17:59:09 973

原创 TypeError: The ‘compilation‘ argument must be an instance of Compilation 报错

标题 TypeError: The ‘compilation’ argument must be an instance of CompilationHtml Webpack Plugin:TypeError: The ‘compilation’ argument must be an instance of CompilationJavascriptModulesPlugin.js:119 getCompilationHooks[myWebpack]/[webpack]/lib/javasc

2020-12-04 00:26:03 1984

原创 prettierrc文件

prettierrc配置文件{ // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote": true, // 行尾逗号,默认none,可选 none|es5|all // es5 包括e

2020-11-29 22:21:36 284

weixin_41814408的博客