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