logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

详细讲解vue2组件通信(四)——多代传递provide/inject

学一个知识点,我们得知道这个知识点是用来干嘛的?为什么选择用它?怎么用?provide/inject的作用vue官网原话【允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。】也就是如果当前组件设置了provide传递数据,那么在当前组件的所有后辈组件中,都可以使用inject接收这个数据。provide/inject被选择的理由组件通信的方式那

#前端#vue.js#前端框架
vue2在子组件的data中获取不到props中的值,或者一直是默认值(父组件的值来自异步)

文章结构复现问题分析原因解决方案使用watch使用v-if复现问题为了方便我直接在main.js中使用mockjs模拟一个接口请求并为其设置了2秒的响应时间mian.jsimport Vue from "vue";import App from "./App.vue";const Mock = require("mockjs");// 请求的响应时间2秒Mock.setup({timeout: "

文章图片
#前端#bug
(16)es6——Map

什么是MapMap就是一个升级版的对象,原始对象的键名只能是字符串,但是Map的键名可以是任何类型Map的特性Map也支持iterator,可以使用扩展运算符和for ofMap的使用声明// 声明let m = new Map();属性和方法let m = new Map();// API// 添加键值对m.set('name','zhangsan');m.set('run',function(

#前端#javascript#es6
使用react实现一个todoList

王元肉==>个人主页大家一起加油,我喜欢分专栏将知识打碎成一份一份小知识点,一篇文章只说一个知识点,因此每篇文章篇幅较短,希望大家不要介意。如有需要可以查看专栏看看是否有该文章中涉及到的知识点进行讲解的文章,如果大家觉得有帮助,希望大家三连支持一下。推荐阅读文章结构创建项目编写todoList的基本结构实现input框的双向绑定实现新增,删除功能实现修改功能创建项目npx create-re

文章图片
#react.js#javascript#前端
详细讲解vue2组件通信(一)——父传子props

父组件给子组件传递数据,发送者就是父组件,那么怎么发送数据给子组件呢?步骤1、引入:在父组件中引入子组件2、挂载:components中挂载3、传值:通过键值对的形式书写在子组件身上(注意:传递js表达式(常量,变量,数字,对象,数组...),要加:冒号。不加的话,vue模板解析会认为是一个字符串)父组件发送数据<template><div><!-- 3、传递 --&

#vue.js#前端#前端框架
使用js递归来遍历树形结构的数据

遍历一个树形结构,并为每一个子树添加其所在树节点相应的叶节点下标indexconst data = [{name: 'a',age: 1,children: [{name: 'a1',age: 1,},{name: 'a2',age: 1,

#javascript
到底了