vue3 ts写一个a页面往b页面传值

好的，我来为您解答。首先，我们需要在 a 页面中定义一个变量来存储要传递的值，然后在跳转到 b 页面时将该变量传递给 b 页面。具体实现步骤如下：

1. 在 a 页面中定义要传递的值，可以使用 ref 定义一个响应式变量。

import { ref } from 'vue';

export default {
  setup() {
    const value = ref('hello world');
    return { value };
  },
};

2. 在 a 页面中使用 router.push 方法跳转到 b 页面，并将要传递的值作为参数传递给 b 页面。

import { useRouter } from 'vue-router';

export default {
  setup() {
    const router = useRouter();
    const value = ref('hello world');
    const handleClick = () => {
      router.push({ path: '/b', query: { value: value.value } });
    };
    return { handleClick };
  },
};

3. 在 b 页面中使用 route.query 获取传递过来的值。

import { defineComponent, onMounted, reactive } from 'vue';
import { RouteLocationNormalizedLoaded } from 'vue-router';

export default defineComponent({
  setup(props, { route }: { route: RouteLocationNormalizedLoaded }) {
    const state = reactive({
      value: '',
    });

    onMounted(() => {
      state.value = route.query.value as string;
    });

    return { state };
  },
});

这样就完成了从 a 页面往 b 页面传值的操作。需要注意的是，使用 query 传递参数时，传递的参数会以键值对的形式拼接在 URL 后面，所以不适合传递大量数据。如果需要传递大量数据可以考虑使用 params 或者使用状态管理工具，比如 Vuex。