赵暮雪0423-CSDN博客

原创 VUE生命周期到底做了什么

一。系统性的学习VUE各个生命周期做了生命注意：不涉及 keep-alive 的场景初始化： new Vue从 **new Vue(options)**开始作为入口，Vue构造函数：function Vue(options){ this._init(options)}进入了 _init 函数之后，初始化一些属性，开始进入第一个生命周期callHook(vm,'beforeCreate')beforeCreate被调用完成，之后=>1.初始化 inject2.初始化

2020-11-17 15:05:22 681

原创数组去重的经典方案

数组去重核心原理1.创建临时变量，存储不重复元素（以数组元素或者对象的键来存储）2.遍历等待去重Array,判断临时变量是否包含该元素3.若不存在则放入，否则跳过方案一。{} 对象的键存储数组元素的值，返回对象所有的键function array_unique(arr){if(arr.length === 0){ //判断待去重数组是否为空 return arr }, let unique = {} let leng = arr.length for(let i =

2020-11-17 11:48:53 149

原创 Echarts封装组件

关于Echarts 组件封装<template> <div ref="echarts" style="width: 100%;height: 100%;"></div></template><script>import echarts from "echarts";export default { name: "VueEcharts", props: { option: { type: Object,

2020-11-09 15:10:51 627

原创关于vue-grid-layout vue 可拖拽缩放组件的使用已经 vue-grid-layout和echarts结合的用法

关于vue-gird-layout 的使用方法规范<grid-layout // 网格初始化布局数组必填每一项都必须具有i、x、y、w和h属性 :layout.sync="layout" // 表示网格有多少列 number 类型非必填默认为12 :col-num="12" // 表示

2020-10-20 09:33:11 4282 19

原创关于react redux状态管理的用法的基础用法

reduxredux 是将 Flux 与函数式编程结合一起,用于解决多场景，多交互的一个管理架构，使用的场景：1.用户的使用方式复杂2.不同身份的用户有不同的使用方式（比如普通用户和管理员）3.多个用户之间可以协作4.与服务器大量交互，或者使用了WebSocket5.View要从多个来源获取数据一，redux 的简单实例在src下创建store文件夹index.jsimport {createStore} from "redux" //引入redux 也可以在入口文件全局引入i

2020-09-02 10:31:24 414

原创关于 VUE vue-router的基本使用（2）

一，编程式导航//如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。router.push(location, onComplete?, onAbort?)//字符串router.push('home');//对象router.push({path:'name'});//带参数查询路由router.push({path:'name',query:{id:'3'}});// 命名的路由router.push({name:'name',params:{

2020-08-24 17:03:56 325

原创关于VUE vue-router的用法实例(1)

Vue Router 是 Vue.js 官方的路由管理器，主要功能：让构建单页面应用变得更简单。实例首先要下载 vue-router npm install vue-router --save在src下创建router 文件index.jsimport Vue from 'vue'; //引入VUEimport Router from 'vue-router';//引入VUE-ROUTER//vue提供install方法全局注册插件Vue.use(Router) //注册vue-rout

2020-08-24 16:32:30 444

原创 vue 源码关于 props methods data computed watch 的执行顺序

//vue 源码关于 props methods data computed watch 的执行顺序function initState (vm) { vm._watchers = []; var opts = vm.$options; if (opts.props) { initProps(vm, opts.props); } if (opts.methods) { initMethods(vm, opts.methods); }

2020-08-21 16:24:34 2175

原创关于VUE props传值问题 created mounted watch

props 传值在子组件定义props 关于mounted created获取问题export default{props:["name"],data(){ return{ data:this.name }},created(){console.log(data); // 小明console.log(this.name) // 小明}，mounted(){console.log(data); // 小明console.log(this.name) // 小明}

2020-08-20 17:46:27 5842 1

zmx12100423的博客