![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
@玩Go那个玩!
呵,爱嘤嘤嘤的哭唧唧
展开
-
对vuex的理解
vuex是一个专为vue.js应用程序开发的状态管理模式(它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化)···jsVue Components:Vue组件。HTML页面上,负责接收用户操作等交互行为,执行dispatch方法触发对应action进行回应。dispatch:操作行为触发方法,是唯一能执行action的方法。actions:操作行为...原创 2020-02-03 20:53:01 · 156 阅读 · 1 评论 -
computed和watch的区别
···js一watch擅长处理的场景:一个数据影响多个数据不支持缓存,数据变,直接会触发相应的操作;2.watch支持异步;3.监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;当一个属性发生变化时,需要执行对应的操作;一对多;监听数据必须是data中声明过或者父组件传递过来的props中的数据,当数据变化时,触发其他操作,函数有两个参数, immediat...原创 2020-02-01 20:35:55 · 382 阅读 · 0 评论 -
vue中如果想扩展某个现有的组件 应该怎么做
使用Vue.extend直接扩展使用Vue.mixin全局混入HOC封装可以加slot扩展原创 2020-01-31 18:29:46 · 1059 阅读 · 0 评论 -
vue性能优化方案
1,vue-router 懒加载,异步路由2. 项目中小图片图片转base64,通过工具如webpack进行图片压缩,文件进行压缩混淆等3. 对于keep-alive的使用,可以在部分需要缓存的地方进行使用,减少请求4. 对于常用的第三方插件比如elementi-ui 可以按需加载 减少体积...原创 2020-01-29 19:15:33 · 157 阅读 · 0 评论 -
vue组件之间的通信理解
vue组件间通信的几种方式,如props、emit/emit/emit/on、vuex、$parent / children、children、children、attrs/listeners和provide/inject1.props/listeners和provide/inject1.props/listeners和provide/inject1.props/emit父组件A通过props...原创 2020-01-28 18:50:15 · 119 阅读 · 0 评论 -
三个数里 的最小值判断
三元的 三个数里的最小值判断:export function Min (x,y,c){ let min = x < y ? (x < c ? x : c) : (y < c ? y : c); return min;}原创 2019-09-23 09:10:01 · 873 阅读 · 0 评论 -
从后台获取的时间, 进行标准的格式化为yyyy-MM-dd
后台返回的时间, 都不是常见的 yyyy-MM-dd 这种格式 所以 需要格式化一下:export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)...翻译 2019-09-23 09:08:03 · 621 阅读 · 0 评论 -
时间日期的常用封装
获取日期时间, 精确的时分秒export function CurrentTime() { var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate(); //日 var hh = now.getH...原创 2019-09-23 09:05:52 · 201 阅读 · 0 评论 -
关于给localstorage 设置失效时间
之前 项目太忙 很多东西没整理, 现在先写一个关于localstorage 的失效时间问题项目框架是vue-cli3 使用localstorage 本地缓存//设置 set 方法, 原始的localStorage设置方法是 localStorage.setItem("myID",12345); 这里我写在method 的里面 set(key, value, expired) { ...原创 2019-09-11 10:13:26 · 1606 阅读 · 0 评论 -
插槽, 具名和匿名 以及 作用域
父级作用域这个, 是让父级能接受到子集传过来的<template> <div > children页面 <span> <slot :user='user'>{{user.lastName}}</slot> </span> <slot name ="header">...原创 2019-05-21 10:16:41 · 173 阅读 · 0 评论