23年1月工作笔记整理（前端）

又是一年过去了，又跟同学朋友们聚了一下聊聊天，发现大家都在默默卷，而我反而松懈了许多，也不知道是不是处于瓶颈期了，还是我做的东西难度就这样了，以前会主动去看公众号的前端技术，现在也犯懒了没时间看，或许需要加一个都是前端开发的学习群，每天和大家交流讨论最新技术，这样也不会技术落后，新技术vue3的一些思想我还没有转变过来，不管它好不好，以后vue2不维护了，是逼着大家用Vue3吧。

一、vue3内容

1.vue3的转换
vue3-setup语法糖父子组件之间的传值
2.vue3里ref的使用注意事项，要转换一下才能使用riceFormRef

const riceFormRef = ref(riceForm)
如：//水稻信息
const riceForm = reactive({
  type: '',
  variety: '',
  cultivationPattern: '',
  plantingPattern: 1,
  farmScheme: ''
})

二、原理学习

1.响应式赋值原理
对数组里每个属性都进行遍历，再加上需要的属性，这样的属性才能响应式

 数组名 = 数组名.map(item => ({
        ...item,
     //增加属性
        isShow: true
      }))

三、数据处理方法

1.遍历对象里的key和value

for(var key in obj){
    console.log(key,obj[key])
}

2.把MMDD格式转为月日

 getTimeToDate(time) {
      if (time) {
        let date = ''
        const arr = time.split('')
        //月
        const month = arr[0] + arr[1]
        //日
        const day = arr[2] + arr[3]
        date = Number(month) + '月' + Number(day) + '日'
        return date
      }
    },

3.字符串的trim()方法，可以删除字符串的头尾空白符，包括空格、制表符、换行符。