Vue3+ts 下script使用

最新推荐文章于 2025-12-22 19:02:04 发布

原创最新推荐文章于 2025-12-22 19:02:04 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #typescript #vue

第一种

<template>
<ServiceCenter />
</template>
<script>
	
	import ServiceCenter from '../components/ServiceCenter.vue'
	export default {
		components: {
		    ServiceCenter,
		  },
		data() {
			return {
			}
		},
		computed: {
			// 模块2
			currentNews() {
				if (this.hoverIndex !== -1) {
					this.currentIndex = this.hoverIndex;
				}
				return this.categories[this.currentIndex].news;
			}
		},
		methods: {
		hoverCategory(index) {
				this.hoverIndex = index;
			}
		}
	};
</script>

第二种

<template>
	<div>
		<!-- 头部 -->
		<Header   />
	</div>
</template>
<script setup lang="ts">
	import { ref } from 'vue'
	import Header from '../components/Header.vue'
	let currentTab= ref(0)
	let autoLogin= false
	let tabs= [{
			title: '账号登录',
		},
		{
			title: '短信登录',
		}
	]
    const selectTab = (index)=>  {	
		currentTab.value = index;
	}
</script>