摘要: js // pages/profile/profile.js import { request } from "../../request/index.js" Page({ /** * 页面的初始数据 */ data: { isAuth: false, //是否授权 userInfo: {}, // 阅读全文
posted @ 2022-04-23 16:00 AoYeDDM 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 一、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 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 一、事件绑定 this 指向 更改 this 指向的三个方式 箭头函数 Function.prototype.bind() class 的实例方法 001 - 箭头函数的方式 利用了箭头函数自身不绑定 this 的特点 render() 方法中的 this 为组件实例,可以获取到 setState( 阅读全文
posted @ 2021-07-31 18:31 AoYeDDM 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 一、react项目-好客租房 这个项目学会了很多,组件封装,页面拆分,使用地图API画地图,登陆拦截等 这个项目做了很长时间,那个时候刚学完react框架,见识到组件化开发的方便和便于检查错误。最后由于一些原因,没有跟着教程上线成功,很可惜。 二、vue项目-后台管理 这个项目只是对element组 阅读全文
posted @ 2021-07-31 17:29 AoYeDDM 阅读(51) 评论(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 阅读(58) 评论(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 阅读(117) 评论(0) 推荐(0) 编辑
摘要: export default class Rent extends Component { state = { // 出租房屋列表 list: [] } // 获取已发布房源的列表数据 async getHouseList() { const res = await getUserHouses() 阅读全文
posted @ 2021-07-31 01:48 AoYeDDM 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 我的收藏模块 检查房源是否收藏 收藏房源 检查房源是否收藏 在state中添加状态,isFavorite(表示是否收藏),默认值是false state= { // 表示房源是否收藏 isFavorite: false } 创建方法 checkFavorite,在进入房源详情页面时调用该方法先调用i 阅读全文
posted @ 2021-07-31 01:44 AoYeDDM 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 功能分析判断是否登录(本地缓存中是否有token信息,直接调用isAuth() 方法即可,这里在utils/auth.js文件中已经封装好了)如果登录了,就发送请求获取个人资料,并且在页面中展示个人资料如果没有登录,则不获取个人资料,只在页面中展示未登录信息在页面中展示登录或未登录信息,就要通过st 阅读全文
posted @ 2021-07-31 01:39 AoYeDDM 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 一、分为三个部分,顶部导航、表单和底部文字,顶部表单已经封装好,而底部文字是固定的 表单使用formilk组件实现,而表单验证使用withFormik组件验证 <div className={styles.root}> {/* 顶部导航 */} <NavBar mode="light"> 账号登录 阅读全文
posted @ 2021-07-31 01:29 AoYeDDM 阅读(56) 评论(0) 推荐(0) 编辑