vue3+typescript基础用法

安装运行

安装vite npm install -g create-vite
创建项目 create-vite project-name --template vue-ts
项目安装 npm install
项目运行 npm run dev

常用语法

创建布尔类型 const buer= ref<boolean>(true)
创建数字类型 const age =ref<number>('18)
创建字符串类型 const name =ref<string>('zhangsan')
创建字符串类型数组 const shuzu =reactive<string[]>(['a', 'b', 'c'])
创建数字类型数组 const shuzu =reactive<Array<number>>([1, 2, 3])
定义函数 const hanshu = (id: number):number => return id
定义对象 interface user{name:string; age:number}; const user = reactive<user>({name:'林三心', age:20})
计算属性 const text = computed<string>(() => 'jisuan')
接收父组件参数 interface IProps{name:string; age:number}; const {name, age} = defineProps<IProps>()
传参数给父组件 interface IEmits{emitChange:(val:string) => void}; const emits = defineEmits<IEmits>()