Vue3+TS代码风格

最新推荐文章于 2023-04-19 18:14:01 发布

智慧方

最新推荐文章于 2023-04-19 18:14:01 发布

阅读量79

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_42401291/article/details/129346485

版权

vue 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<script setup lang="ts">
	import {
		useStore
	} from '@/store/useStore'
	import {
		ref,
		onMounted,

	} from 'vue'

	//定义传入接收值
	defineProps < {
		// msg: string 
	} > ()

	const store = useStore()

	onMounted(() => {
		console.log("进入组件")
		console.log(store.loginData)
	})



	//定于变量
	const count = ref(0)

	//定义方法
	const addCount = () => {
		console.log(count.value++)
	}
</script>

<template>

	<div>
		<button type="button" @click="addCount">count is {{ count }}</button>
		登录
	</div>

</template>

<style scoped>

</style>