摘要：
生命周期，钩子函数： 挂载阶段： 一、constructor （第一个执行） 1.可以初始化组件状态 2.可以给一些事件函数绑定this 注意：不能再内部调用setState() constructor(){ super() this.state={ n:1 } //不能在内部调用setSt 阅读全文
摘要：
非受控组件 非受控组件：这时表单数据将交由 DOM 节点来处理。即不受setState()的控制，与传统的HTML表单输入相似，input输入值即显示最新值（使用 ref从DOM获取表单值） 要编写一个非受控组件，而不是为每个状态更新都编写数据处理函数，你可以使用 ref 来从 DOM 节点中获取表 阅读全文
摘要：
props: 自己可以设置默认属性，也可以从外部传入属性，但是外部传入的属性，自己只能用，不能用来修改 state: 一般由自己控制，自己可以进行状态的更改。 state状态 类组件 一般书写： 状态一般放在constructor进行定义的 react中推荐采用setState，就可以实现数据改变， 阅读全文
摘要：
两种ref的绑定形式 作用：可以标记组件，更快的找到对应位置。 通过ref就可以给元素作标记 ref="xxx" 这种方式在react官方中不推荐使用了，作为了解即可 官网上推荐了两种ref绑定形式 1.回调的形式<input ref = /> 举例:输入框焦点 class App extends 阅读全文
摘要：
当需要遍历数组时，特别是需要遍历多个数组时，我们就可以封装函数，从而提高代码的复用率，还要注意两点哦，1.数组的map可以进行遍历，需要加唯一的key值，2.封装成函数的话，记得内部需要加return关键字！ <div id="app"></div> //当为多个数组时。 var arr = ["a 阅读全文
摘要：
react中定义组件的两种方式： 方式一：函数式组件 const 组件名（首字母大写） = (props) =>{ reture ( jsx表达式 ) } const App = ()=>{ return ( <div> <h2>我是h2</h2> </div> ) } //或者另一种写法 func 阅读全文
摘要：
首先需要先安装：npm init -y 然后下载相应的：npm i react react-dom babel-standalone 新建js文件夹把上面下载的文件移动到js文件夹 (react/umd/react.development.js) (react-dom/umd/react-dom 阅读全文
摘要：
我们在经常用到一些数据的时候会用到vuex，那么vuex应该怎样使用呢 1.首先我们需要在src里创建一个文件夹和文件，router/index.js，而正常情况下都放在index文件中会造成代码太大，导致不好管理，所以还需要另外创建文件夹，用来存放分类的一些数据， 2.在vuex设置好数据以后，需 阅读全文
摘要：
想要新建一个vue文件，并且可以在网页上显示： 1.创建一个vue文件， 2.第一次创建的话需要创建一个文件夹和文件router/index.js(作用是配置路由)，里面有一些必写项，该文件建好以后，下次再建立新的页面就直接在里面引用就可以了。 import Vue from 'vue'// imp 阅读全文
摘要：
一级路由的应用 1.先下载vue-router ，新建router/index.js引入vue，router并且使用和创建实例，暴露，并且需要在main.js入口文件引入router并在下面应用。 2.在views文件创建一个文件是一级路由，然后在router/index.js配置文件，引入路径 3 阅读全文