vue3的使用-以uniapp为主

删除指定对象的属性

	delete obj.key;（注意拷贝）

定义数据

import {  ref,reactive } from "vue";

let a = ref('xxx')  // 数据类型

let state = reactive({   //  多套一层，避免失去响应式
        list:[{}]  
    })

赋值时 -- state.list = xx；

使用时 -- list

let list = reactive([{}]) // 也可以这么用，不影响使用



uniapp中引入：
import {  onLoad, onShow, onHide, onUnload } from '@dcloudio/uni-app';页面生命周期

import {  ref,reactive,computed, onMounted, onUnmounted, ref, toRefs, watch？ } from "vue";

获取元素dom（以uniapp为例）

<uni-popup ref="popupRef" type="bottom">底部弹出 Popup</uni-popup>

let popupRef = ref(null)  // 定义

popupRef.value.open('top')  // 必须xx.value  如果是vue2：this.$refs.popup.open('top')

生命周期

 onMounted(()=>{
			  // 代码块
		  })

计算属性-PC、uniapp（内部不能执行发送接口等动态的操作）

// 把$route.matched 遍历一次,把title和path取出来,放在准备好的数据中. 模板上面要循环
let bArr = computed(()=>{
    let arr = [{path: "/home", title: "后台首页"}];
    $route.matched.forEach( item => {
        console.log(Object.keys(item.meta).length )
        // 判断一下,如果meta是一个空的
        if( Object.keys(item.meta).length != 0 ){
            arr.push({
                path: item.path,
                title: item.meta.title
            })
        }
    })
    return arr;
})

其他功能未完待续..