m0_65069237的博客

赤道半径，从地球中心到赤道的距离，大约6378.137km；RE，地球半径，有时被使用作为距离单位, 特别是在天文学和地质学中常用，大概距离是6370.856km；由于地球不是一个完美的球体，所以并不能用一个特别准确的值来表示地球的实际半径，不过由于地球的形状很接近球体，用[6357km] 到 [6378km]的范围值可以涵盖需要的所有半径。所以我们通过地球半径进行计算的时候，通常情况下，我们可以使用上面的每一个值都可以进行计算，不过或多或少都会有误差的，但这样的。首先有一个概念需要说一下。

假如在实际工作的时候vue3项目有些人会使用vue2的语法写，这个时候如果你用vue3语法写要明白如果想获取data的数据是获取不到的，所以最好是全部用vue3语法写或者用vue2获取，或者用pinnia获取数据等。因为composition API中的函数setup在页面的生命周期中要比vue2中option API中的data、methods等这些。从vue3中的composition API中进行调用， 而vue3中的composition API是。，所以vue2中option API中的数据。

ref的作用主要是：获取页面的DOM元素（样式、位置、文本等）、获取子组件的对象（也是一种通信方式）

第一步，在vuex中matations模块中加入存储数据的方法第二步，在需要提交数据的页面使用this.$store.dispatch方法通过点击事件submitForm即可将数据传入vuex中。点击跳转到About页面。

代码本身没有问题，但是因为这是一个ESLint的错误提示，但是它指出了在文件E:\vscode\vuesua\src\views\HomeView.vue中的第18到33行存在缩进错误。具体来说，第18到25行的缩进应该是2个空格，而第26到33行的缩进应该是4个空格。此外，第25行函数的左括号前应该有一个空格。这些错误可以通过手动更正代码或使用ESLint的--fix选项自动修复。而webpack编译时出现了1个错误，需要查看具体的错误信息来进行修复。在vue开发过程中第一步总会遇到一个问题，就是。

在实际开发工程中通过获取后端数据监听判断数组中长度是否大于0从而调用其他的方法，但是如果data域中的数据出现变化的话。

keep-alive是vue中内置组件，无须引入或者下载插件，直接可以引用，且可以保存组件的状态不被销毁，从而保证组件中所有的内容状态得以保留。

我们直接通过索引0来获取boxes数组中的第一个对象，并将其赋值给变量obj。然后使用Vue提供的$set方法，将name属性插入该对象中，并赋值为土鸡。这样就实现了将属性name：土鸡插入到第一个对象中的操作。模拟后端获取的数据boxes,然后我们把新的name：土鸡，把boxes第一个对象的name属性‘张三’，跟换成土鸡。加入我们是更改数组中的第一个对象，在vue中可以使用$set方法将属性插入到第一个对象中作为属性。

代码：主要部分我会红线画出来。

2、在methods域中写一个方法遍历这个box数组判断每个对象中的status属性是否等于审批中，如果等于id的值变成1，否则为0，然后输出数组。1、假设一个box为一个包含多个对象的数组，这个box数组可以在方法中定义也可以在data域中定义。

data() {return {box: [/*初始的box数组对象*/],list: [/*初始的list数组对象*/]

大多数使用合并对象的方法主要是object.assign()、es6中的解构赋值语法、以及循环遍历，原理都是获取每个对象的属性合入新的对象中。只是方法不同。

这次使用了嵌套的循环来遍历judge和box数组。首先，先遍历judge数组，并获取每个对象judgeObj。然后，我们在遍历box数组，并获取每个对象boxObj。如果judgeObj和boxObj的id属性相等，我们在遍历judgeObj属性，并判断boxObj是否缺少该属性，如果缺少，则将judgeObj的属性替换到boxObj中。适用场景：后端传过来的数组和data域中的数组进行融合。

如果是数组中每个对象新增属性就用map遍历每个对象加入新增的属性，如果是给数组插入新的对象就使用push或者unshift总头或者尾部插入对象。

涉及到的知识点：钩子函数mounted和created的区别：先看问题，父组件从后端通过$ajax获取数据，在将父组件将值传输给子组件，使用子组件使用created钩子函数获取数据，按自己的想法应该是父组件先获取后端数据，在传入给子组件，可是事实是，子组件先获取数据，父组件在从后端获取数据，这样的话子组件就没有数据获取为空。解决方法：将子页面中钩子函数created变成mounted调用type函数方法，这样就可以让父页面的函数先运行获取后端数据，在吧数据传入子页面，子页面获取数据在输出。

示例中的路径和组件名称可能需要根据您的项目实际情况进行修改。同时，您可能还需要安装和引入相应的组件库或自定义组件，以便使用弹窗和其它功能。组件），并将父页面中传递过来的时间数组作为子页面的属性传入。父页面包含一个按钮，点击按钮后会显示一个底部弹窗（使用。弹窗中包含了子页面（接收并遍历展示时间数组。

然后遍历这个数组，当i等于idnex时将对应的元素背景变成‘#e5e5e5’，通过定时器设定一个延迟时间为0.15s，当延迟时间结束后背景颜色恢复为空（这个不要也可以），将图片判断的属性showimg=true，从而达到切换图片的作用。第二个红线是包裹图片的盒子，只要点击this.activeIndex=index，那么红线的判断式就成立，从而改变图片包裹的盒子的样式，从灰变绿，

这个函数的作用是获取账单列表。根据传入的数据参数，使用request库发送GET请求，访问指定的接口地址`/yoga/store/factory/******/******`来获取账单列表数据。4、通过async关键词声明BliiList()是一个异步函数用来执行网络请求后端的数据，通过await来等待异步任务的执行结果，然后赋值给data，最后输出data。2、然后再api目录下创建一个js文件用来，我们这里创建的是bill.js。1、首先看接口的地址，和接口的类型（post还是get类型）

页面初始化工作一次性数据页面跳转时传递的参数。

分类管理

data() {return {{ name: '对象1', image: 'image1.jpg' },{ name: '对象2', image: 'image2.jpg' },{ name: '对象3', image: 'image3.jpg' },{ name: '对象4', image: 'image4.jpg' },{ name: '对象5', image: 'image5.jpg' }],methods: {// 名字为空，给出提示title: '请填写名字',});

'':''}}删除</button></li><input v-model="newItemName" placeholder="请输入新对象的名字"><input v-model="newItemImage" placeholder="请输入新对象的图片"><button @click="addItem">添加</button>

使用@click="comfors"会在点击事件触发时执行方法，而使用@click="comfors()"会在组件渲染时就执行方法并将其返回值绑定到点击事件上。总结：comfors与comfors（）的区别主要是对事件对象参数event的处理，当comfors（）必须手动写参数$event才能获取事件对象，而comfors默认第一个参数对象是MouseEvent。2. @click="comfors()"：这是在点击事件上调用方法的语法，当元素被点击时，会立即执行comfors方法。

原理：通过v-model双向绑定inputvalue记录输入的值，在使用一个变量 isExceedLimit来判断是否超过了最大的限制标志位，通过computed监听inputvalue的变化。将inputValue.length的长度赋值给count，通过isExceedLimit = count，如果超过3，由于isExceedLimit时布尔类型，相等即为真为true，，可能大家有疑问为什么是大于3而不是4呢，因为记录inputvalue的值是从0开始的，0-3一共有4位所以实际就是判断4位字符了。

的图片地址，通过push方法将。原理通过获取input中。

原理：先在父级盒子中的container的样式中加入position: relative;在横条从横条的样式中加入position: absolute;让横条在父级盒子底部，然后设置transition: left 0.5s;让向右滑动的效果持续0.5秒，然后在html页面中通过。这样得话是不是就看起来丝滑很多下面得横条是直接从第一个盒子滑动到第二个盒子。：代码中的这些部分是自定义组件，需要区components目录中进行注册才行。），在JavaScript中通过列表渲染的每个盒子的下标index。

再写数字键盘的时候遇到了一个问题就是我已经通过：calss渲染了不同键位的样式，但是点击键位为了和用户有交互，那么点击时改变颜色就显得比较重要了，但是以及使用了:class了在使用一次改变样式的话就是报错，所以这次改变键位样式且0.15s恢复的这个功能将不使用：class来实现使用:style来实现。使用uni-app编写一个列表渲染，其中包含三个元素，并实现点击其中一个元素时改变其颜色样式，同时不使用。主要是实现不使用：class的情况下也能实现盒子样式的改变。指令渲染列表，并为每个元素绑定单击事件。

这里我们可以看见因为我们判断的元素是id所以id最大只能是i-1（i=4）也就是3，但是index没有别判断所以任然可以等于数组长度的最大值index=4，这样的话点击筛选的时候就可以触发别的点击事件比如弹窗等，不会受到id条件的限制从而无法触发事件，（前提使用index来进行触发而不是id）。

这个的话目前遇到的分为两种情况，一种是数组类型的也就是列表渲染的属于传的值数组属性，另外一种是不是列表渲染的属于对象属性。

平时老是听说通信方式，经过这几天的实际操作也明白了一些怎么操作的情况，下面就引入一个实例进行操作后面会的方法更多了后也会更新更多的实例操作如果有错的地方还望大佬指正：先看主角这几个页面。

方法一：列表渲染的情况下：通过json.stringify将数组转化成对象。B页面：通过json.parse来获取对象。

这个的话直接上代码：先是temp部分。

重复点击同一个盒子是不会改变图片的样式的，比如重复点击第二个盒子，isBoxSelected就一直等于false，但是第二个盒子是取反的！isBoxSelected，所以等于true，第二个盒子就是蓝色图表。因为默认选中的是第二个所以刚开始第二个盒子中的isBoxSelected: true, 第一个 isBoxSelected: true,

script>data(){return{activeIndex:0,//索引box:[boxs:[id:'1',text:'一月'},id:'2',text:'二月'},id:'3',text:'三月'},id:'4',text:'四月'},id:'5',text:'五月'},id:'6',text:'六月'},id:'7',text:'七月'},id:'8',text:'八月'},id:'9',text:'九月'},id:'10',

这样就可以点击后变色然后通过定时器setTimeout设置0.15秒后返回原来的颜色即可完成这个操作。

代表的意思是设置动画的名字叫做：name 一次循环的时间是0.75秒，infinite：无限循环。图片路径可以自己找其他的图片来代替即可。

2、打开path路径中的文件然后点击运行--->运行到浏览器--->Chrome。1、首先要在pages.json文件中加入需要的路径path和页面样式style。