vue使用typescript / uniapp 使用typescript

最新推荐文章于 2024-08-19 16:48:08 发布

小鱼尔呀

最新推荐文章于 2024-08-19 16:48:08 发布

阅读量2.9k

点赞数

分类专栏： vue typescript uniapp

本文链接：https://blog.csdn.net/gll19910602/article/details/105416372

版权

本文介绍如何在uniApp项目中整合TypeScript和Vuex，通过具体实例展示了在uni-app的开发环境中，利用typescript增强代码类型检查，以及结合Vuex进行状态管理的方法。

摘要由CSDN通过智能技术生成

<script lang="ts">
	import {Component, Prop, Vue, Emit, Watch } from "vue-property-decorator";
	import { State, Mutation, Action,namespace } from "vuex-class";

	@Component({
            components:{
                //组件名称
            }
        })
	export default class swiper extends Vue{

		//相当于原来的prop 这里 !和可选参数?是相反的, !告诉TypeScript我这里一定有值.
		@Prop() swiperData!: any;  

		//相当于原来的data
        //typescript 变量声明规则： 变量名：类型=变量值   
		private name:string = 'test';
		private autoplay:boolean = true;
		private addTest:number =1;
                private dataList:number[] = [];
		
		
		// 原本Vue中的computed里的每个计算属性都变成了在前缀添加get的函数.
		get ValA(){
                    return this.autoplay;
		}

		// @Emit()不传参数,那么它触发的事件名就是它所修饰的函数名.
		// @Emit(name: string),里面传递一个字符串,该字符串为要触发的事件名.
		@Emit('handleEmit')
                private emitTodo(n: string){
			this.ValA;