Vue3的使用心得

Vue3的使用心得

代码层面最直接的感受是没有了this的使用，定义响应式数据在reactive中，最后return出去即可。另外一个就是TS在其中的应用，例如参数烈类型，变量类型，函数返回值等

ref

const num = ref(0); // 定义响应式数据，使用时为 num.value

reactive

// 定义响应式数据
 const dataMap = reactive({num:0})
// 使用
dataMap.num // 0

通过ref获取dom节点

<div ref="popupRef"></div>

 const popupRef = ref(null);

// 使用
 (popupRef.value as any)?.open();  // 调用该子组件的方法

return  { popupRef  };

网络请求，全局变量的封装在之前的博客中已经写过
axio shttps://sonders.cn/#/detail?id=61b1cc88ee7c2f039ccb144b

vuex https://sonders.cn/#/detail?id=61b1cf10ee7c2f039ccb144c