MrNobody's Blog

# setup vue3 中的一个新的配置项，值为一个函数 组件中所用到的：数据，方法等等，均要配置在 setup 中 setup 函数的两种返回值： 若返回一个对象，则对象中的属性，方法，在模板中均可以直接使用。 若返回一个渲染函数：则可以自定义渲染内容 # ref 函数 作用：定义一个响应式的数据 语法: const name = ref('zs') 创建一个包含响应式数据的引用对象（reference 对象 简称 ref 对象） js 中操作数据： name.value 模板中读取数据： 不需要.value, 直接 <div>{{...

#...

# 拦截器 拦截器 (英文：interceptors) 会在每次发起 ajax 请求 和得到响应 的时候自动被触发 应用场景： Token 身份认证 Loading 效果 etc... # 配置请求拦截器 通过 axios.interceptors.request .use( 成功的回调，失败的回调) 可以配置请求拦截器，其中失败的回调函数可以被省略！ axios.interceptors.request.use((config)=>{ // 一定要 return config 固定写法 return config; },(error)=>{ return...

# 周记 创建了一个新的标签 叫做周记 和日记差不多，不过是换成了一周一次，又或者是好几周一次，所以取名为周记， # 起因 昨天充电器把apex传给我了，安装好以后确实能玩，把所有配置降到最低以后还是卡的一批，充电器检查后找到了一些原因，就是我的电脑太辣鸡啦，除了写代码一无是处，还有一些原因是我的电脑买了快两年了，散热器积灰了，风都出不来了，从而导致的帧数降低，为了让我更好的使用这台 华为 matebook13 2020 办公本，来玩 apex 和 CSGO 带充电器 上大分，他今天中午带了螺丝刀准备帮我拆机清理灰尘，说实话我还是非常担心的。 # 回忆 在 19...

# flex 布局原理 flex 是 flexible Box 的缩写，意为 “弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局以后，子元素的 float,cleat和vertical-align属性将失效。 伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性盒布局 = flex 布局 总结来说就是通过给父盒子添加 flex 属性，来控制子盒子的位置和排序方式 # 常见父项属性 以下有 6 个属性是对父元素设置的 flex-direction: 设置主轴的方向 justify-content:...

# axios 是什么东东 Axios 是专注于网络数据请求的库 相比原生的 XMLHttpRequest 对象 ， axios 简单易用 相比 jquery，axios 更加轻量化，只专注于网络数据请求 # axios 发起 GET 请求 axios 发起 get 请求的语法： axios.get('url', { params:{ 参数 } }).then(callback) 具体请求实例如下： // 请求的 URL 地址const url = 'http://www.liulongbin.top:3006/api/get'// 请求的参数对象const...

# 第二次 本来想在工作室过夜写会儿代码的，但是在十一点四十的时候果果超甜突然告诉我明天早上要做核酸，TNND，我真的受不了了，明明今天已经做过了，居然连续做两天，所以我准备回宿舍，不过红绿蓝并不是只有我一个人，还有一个老师也在，整个地方只有他的办公室还是亮着的，为了不让他发现我在这里，我小心的打开自己办公室的门，然后悄咪咪的溜到大门口，这个真的是高难度，因为大门太重了，开的时候会发出嘎吱嘎吱的响声，我也经常在办公室听大门的开关声来判断是否有人进来。所以结局很正常，我被他发现了，关键是我打都没打开门，因为门被锁了，而且还是磁力锁，我来这里三个学期了都没有看到他们打开磁力，今天 TMD...

# Vuex 概述 # 组件之间共享数据 父向子传值：v-bind 属性绑定 子向父传值：自定义事件 兄弟之间共享数据：EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件 以上传值只适合小范围，如果需要频繁的大范围的共享就可使用 vuex # Vuex 是什么 是实现组件全局状态 (数据) 管理的一种机制，可以方便的实现组件之间数据的共享 使用 Vuex 统一管理状态的好处 能够在 vuex 集中管理共享的数据，易于开发和后期维护 能够高效地实现组件之间的数据共享，提高开发效率 存储在 vuex 中的数据都是响应式的，能够实时保持数据与页面的同步 #...

# 计算属性 计算属性本质上就是一个function 函数, 它可以实时监听data 中数据的变化，并return 一个计算后的新值，供组件渲染 DOM 时使用 # 声明计算属性 计算属性需要以function 函数的形式声明到组件的computed 节点中，示例代码如下 <input type="text" v-model.number="count"><p>{count}乘以 2 的值为：{ plus } </p><script>...

# 组件之间的数据共享 # 在项目开发中，组件之间的关系分为如下 3 种 父子关系 兄弟关系 后代关系 # 父子之间的数据共享 父子组件之间的数据共享又分为 # 1. 父向子共享数据 父组件通过v-bind 属性绑定向子组件共享数据。同时，子组件需要使用props接收数据 父组件 // 父组件<myTest :msg="message" :user="userinfo"></myTest>data(){ return{ message:'hello vue',...