摘要: props: 自己可以设置默认属性,也可以从外部传入属性,但是外部传入的属性,自己只能用,不能用来修改 state: 一般由自己控制,自己可以进行状态的更改。 state状态 类组件 一般书写: 状态一般放在constructor进行定义的 react中推荐采用setState,就可以实现数据改变, 阅读全文
posted @ 2020-09-01 21:52 seekHelp 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 两种ref的绑定形式 作用:可以标记组件,更快的找到对应位置。 通过ref就可以给元素作标记 ref="xxx" 这种方式在react官方中不推荐使用了,作为了解即可 官网上推荐了两种ref绑定形式 1.回调的形式<input ref = /> 举例:输入框焦点 class App extends 阅读全文
posted @ 2020-09-01 21:51 seekHelp 阅读(1196) 评论(0) 推荐(0) 编辑
摘要: 当需要遍历数组时,特别是需要遍历多个数组时,我们就可以封装函数,从而提高代码的复用率,还要注意两点哦,1.数组的map可以进行遍历,需要加唯一的key值,2.封装成函数的话,记得内部需要加return关键字! <div id="app"></div> //当为多个数组时。 var arr = ["a 阅读全文
posted @ 2020-08-31 19:19 seekHelp 阅读(7175) 评论(0) 推荐(1) 编辑
摘要: react中定义组件的两种方式: 方式一:函数式组件 const 组件名(首字母大写) = (props) =>{ reture ( jsx表达式 ) } const App = ()=>{ return ( <div> <h2>我是h2</h2> </div> ) } //或者另一种写法 func 阅读全文
posted @ 2020-08-31 19:18 seekHelp 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 首先需要先安装:npm init -y 然后下载相应的:npm i react react-dom babel-standalone ​ 新建js文件夹把上面下载的文件移动到js文件夹 (react/umd/react.development.js) (react-dom/umd/react-dom 阅读全文
posted @ 2020-08-31 14:38 seekHelp 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 我们在经常用到一些数据的时候会用到vuex,那么vuex应该怎样使用呢 1.首先我们需要在src里创建一个文件夹和文件,router/index.js,而正常情况下都放在index文件中会造成代码太大,导致不好管理,所以还需要另外创建文件夹,用来存放分类的一些数据, 2.在vuex设置好数据以后,需 阅读全文
posted @ 2020-08-30 16:21 seekHelp 阅读(1816) 评论(0) 推荐(0) 编辑
摘要: 想要新建一个vue文件,并且可以在网页上显示: 1.创建一个vue文件, 2.第一次创建的话需要创建一个文件夹和文件router/index.js(作用是配置路由),里面有一些必写项,该文件建好以后,下次再建立新的页面就直接在里面引用就可以了。 import Vue from 'vue'// imp 阅读全文
posted @ 2020-08-29 15:30 seekHelp 阅读(2382) 评论(0) 推荐(0) 编辑
摘要: 一级路由的应用 1.先下载vue-router ,新建router/index.js引入vue,router并且使用和创建实例,暴露,并且需要在main.js入口文件引入router并在下面应用。 2.在views文件创建一个文件是一级路由,然后在router/index.js配置文件,引入路径 3 阅读全文
posted @ 2020-08-29 14:31 seekHelp 阅读(594) 评论(0) 推荐(0) 编辑
摘要: 项目上线 1.找到项目开始时创建的vue.config.js文件,把 publicPath: '/vue-maizuo',//后面的为项目的路径,访问时会用 复制到module.exports里 2.打包 yarn build 此时会生成dist文件夹 在开发时所用的接口,只会在开发环境下使用,上线 阅读全文
posted @ 2020-08-27 15:04 seekHelp 阅读(278) 评论(0) 推荐(0) 编辑
摘要: vuex的数据存在内存里面的,浏览器一旦刷新的话,数据就会消失没有了。 我们可以采用vuex-persistedstate 插件实现vuex数据同步到localStorage中 1.安装 yarn add vuex-persistedstate 在vuex组件库入口文件index.js引入,调用,此 阅读全文
posted @ 2020-08-27 12:15 seekHelp 阅读(3139) 评论(0) 推荐(0) 编辑