VUE3_使用reactivity实现简单vuex

share.js

import { reactive, ref } from "vue"	//依赖vue使用
// import { reactive, ref } from "../../node_modules/@vue/reactivity"	//依赖reactivity库使用

const gender = ref("男")
const obj = reactive({ name: "张三" })

export { gender, obj }

使用test1.vue

<template>
	<view>
		{{gender}}
		{{obj.name}}
	</view>
</template>

<script setup lang='ts'>
	import { gender, obj } from "./share.js"
</script>

使用test2.vue

<template>
	<view>
		{{gender}}
		{{obj.name}}
		<button class="" @click="obj.name = '小张'">upobj</button>
		<!-- 修改后所有页面使用obj.name都变成小张 -->
	</view>
</template>

<script setup lang='ts'>
import { gender, obj } from "../test1/share.js"
</script>