fix(views): 🐛 删除 $ 语法糖

Author: jsxiaosi

src/views/useradmin/refSyntax/index.vue

@@ -1,31 +1,30 @@
 <script setup lang="ts">
   // import { useMouse } from '@vueuse/core';
-  // import { ref } from 'vue';
-  import { $ref } from 'vue/macros';
+  import { ref, toRaw } from 'vue';
 
-  let stem = $ref('admin');
+  let stem = ref('admin');
 
-  // 公共方法里面使用$ref导出ref
+  // 公共方法里面使用ref导出ref
   function useMouse() {
-    let x = $ref(0);
-    let y = $ref(0);
+    let x = ref(0);
+    let y = ref(0);
     // 如果直接导出x,y会被识别{x.value,y.value}这样就会使出ref响应式，使用$$()可以保持响应式相当于{x:ref(0),y:ref(0)}
-    return $$({
+    return {
       x,
       y,
-    });
+    };
   }
 
   // 通过
-  let { x, y } = $(useMouse());
+  let { x, y } = toRaw(useMouse());
   console.log(x);
-  // // $ref解构方法返回的ref
+  // // ref解构方法返回的ref
   // const { x, y } = $(useMouse());
   // console.log(x, y);
 
   const updateStem = () => {
-    stem = 'update';
-    x = 200;
+    stem.value = 'update';
+    x.value = 200;
   };
 </script>