摘要: 一、MVVM模型 1. M:模型(Model) :data中的数据 2. V:视图(View) :模板代码 3. VM:视图模型(ViewModel):Vue实例 观察发现: 1.data中所有的属性,最后都出现在了vm身上。 2.vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直 阅读全文
posted @ 2021-07-31 20:54 AoYeDDM 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 一、事件绑定 this 指向 更改 this 指向的三个方式 箭头函数 Function.prototype.bind() class 的实例方法 001 - 箭头函数的方式 利用了箭头函数自身不绑定 this 的特点 render() 方法中的 this 为组件实例,可以获取到 setState( 阅读全文
posted @ 2021-07-31 18:31 AoYeDDM 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 一、react项目-好客租房 这个项目学会了很多,组件封装,页面拆分,使用地图API画地图,登陆拦截等 这个项目做了很长时间,那个时候刚学完react框架,见识到组件化开发的方便和便于检查错误。最后由于一些原因,没有跟着教程上线成功,很可惜。 二、vue项目-后台管理 这个项目只是对element组 阅读全文
posted @ 2021-07-31 17:29 AoYeDDM 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 一、定义一个http.js,保存链接端口和定义请求拦截方法 import axios from 'axios' import Vue from "vue" import router from './router' //定义链接接口 const http = axios.create({ baseU 阅读全文
posted @ 2021-07-31 17:14 AoYeDDM 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 一、首先要连接数据库,准备一个db.js module.exports = app =>{ const mongoose = require('mongoose') //数据库连接,允许新连接生成 mongoose.connect('mongodb://127.0.0.1:27017/vue_mob 阅读全文
posted @ 2021-07-31 02:10 AoYeDDM 阅读(138) 评论(0) 推荐(0) 编辑
摘要: export default class Rent extends Component { state = { // 出租房屋列表 list: [] } // 获取已发布房源的列表数据 async getHouseList() { const res = await getUserHouses() 阅读全文
posted @ 2021-07-31 01:48 AoYeDDM 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 我的收藏模块 检查房源是否收藏 收藏房源 检查房源是否收藏 在state中添加状态,isFavorite(表示是否收藏),默认值是false state= { // 表示房源是否收藏 isFavorite: false } 创建方法 checkFavorite,在进入房源详情页面时调用该方法先调用i 阅读全文
posted @ 2021-07-31 01:44 AoYeDDM 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 功能分析判断是否登录(本地缓存中是否有token信息,直接调用isAuth() 方法即可,这里在utils/auth.js文件中已经封装好了)如果登录了,就发送请求获取个人资料,并且在页面中展示个人资料如果没有登录,则不获取个人资料,只在页面中展示未登录信息在页面中展示登录或未登录信息,就要通过st 阅读全文
posted @ 2021-07-31 01:39 AoYeDDM 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 一、分为三个部分,顶部导航、表单和底部文字,顶部表单已经封装好,而底部文字是固定的 表单使用formilk组件实现,而表单验证使用withFormik组件验证 <div className={styles.root}> {/* 顶部导航 */} <NavBar mode="light"> 账号登录 阅读全文
posted @ 2021-07-31 01:29 AoYeDDM 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 展示房屋详情在找房页面中,给每一个房源列表添加点击事件,在点击时跳转到房屋详情页面在单击事件中,获取到当前房屋id根据房屋详情的路由地址,调用history.push() 实现路由跳转 <HouseItem key={key} onClick={() => this.props.history.pu 阅读全文
posted @ 2021-07-31 01:24 AoYeDDM 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 一、条件找房界面分为4个部分,搜索部分、条件检索部分、房屋列表和底部。搜索部分和底部用之前封装好的组件即可,条件检索部分如图所示,将所有的条件检索封装到父组件Filter,而四个部分封装到各个组件之中 1.渲染Filter组件,onFilter传递获取的数据,Filter组件中包含了FilterMo 阅读全文
posted @ 2021-07-31 01:14 AoYeDDM 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 一、地图导航界面分为四个模块,首部的导航栏,地图上的遮盖物,尺寸和放大缩小模块 首部的导航栏NavBar使用自己封装的组件 地图渲染 // 一加载界面就初始化地图 initMap = async () => { // 由于使用了百度地图API,则有一个BMap对象,将该对象挂载到实例上 this.B 阅读全文
posted @ 2021-07-31 00:04 AoYeDDM 阅读(72) 评论(0) 推荐(0) 编辑