修改属性修改属性:子组件调用父组件传过来的函数/方法,去修改传过来的属性值定义:子组件是不可以修改 props 属性值的,但是,子组件可以调用父组件传过来的修改属性的方法,从而间接性的达到我们的需求。修改属性这个做法它不是官方的规范或 api,它仅仅是开发者的一种变通的思路而已示例:// 父组件内容 import React from 'react' import Child from '....
react和vue都是做组件化的,整体的功能都类似,但是他们的设计思路是有很多不同的。使用react和vue,主要是理解他们的设计思路的不同。相似点:都支持组件化,都有虚拟DOM (Virtual DOM),组件化开发的概念,通过props参数进行父子组件之间数据的传递,都实现了webComponent规范都是数据驱动视图不同点:1 写法:react使用jsx语法(如果要在JS里写HTML,...
用webpack4.x 创建项目运行npm init -y 快速初始化package.json文件;在项目根目录下创建src源代码目录和dist产品目录(打包后的目录);在src目录下创建index.html文件使用npm安装 webpack ,运行npm i webpack webpack-cli -D或yarn add webpack webpack-cli -D 4.x中新增mode选...
虚拟DOM (Virtual Document Object Model)DOM 本质是什么: 浏览器中的概念,由js对象来表示页面上的元素,并提供了操作DOM对象的api什么是React中的DOM:是框架中的概念,用js对象来模拟页面上的DOM和DOM嵌套为什么要实现虚拟DOM(虚拟DOM的目的):为了实现页面中,DOM元素的高效更新,节省内存资源DOM和虚拟DOM的区别DOM:浏览器中,...
React中的class类组件类:es6--classclass: 语法、使用;声明一个类:class[关键字] 类名 花括号使用:new 类名()类是什么? 答:模板,模块,模型,它本身不具有任何的功能,只是当我们实例化后,传入不同的参数,来进行一系列的操作===【模子】class 类的概念,在前端最近出来的,属于 es6 语法,所以需要转码,实际上,类的概念来自于后端前端里的类实际上不...