weCat_s的博客

v-model在vue3中属于破坏性更新v-model在组件里面也是很重要的v-model 其实是一个语法糖 通过props 和 emit组合而成的1.默认值的改变prop：value -> modelValue；事件：input -> update:modelValue；v-bind 的 .sync 修饰符和组件的 model 选项已移除新增 支持多个v-model新增 支持自定义修饰符父组件<template> <!-- <Layout /&g

vue3 自动引入插件

类型推断：如果没有明确的指定类型，TS会依照类型推论（Type Inference）的规则推断出一个类型：let myFavoriteNumber = 'seven'; //无错myFavoriteNumber = 7; //Type 'number' is not assignable to type 'string'.注意：与声明不赋值区分，声明不赋值会设为任意值类型：any联合类型联合类型使用 | 分隔每个类型，表示可以赋值为其中的一种。let

前言对于有 JavaScript 基础的同学来说，入门 TypeScript 其实很容易，只需要简单掌握其基础的类型系统就可以逐步将 JS 应用过渡到 TS 应用。// jsconst double = (num) => 2 * num // tsconst double = (num: number): number => 2 * num然而，当应用越来越复杂，我们很容易把一些变量设置为 any 类型，TypeScript 写着写着也就成了 AnyScript。为了让大家能更加

首先 接触ts一段时间发现最费时间的就是写接口这些，最近呢。。。了解到一可以将json转为ts接口的工具，怎么说呢？哎呀 真香废话不多说，进入主题quicktype就是它，一个json转ts接口的工具，当然这只是众多功能之一官网介绍首先要使用它，你需要先安装，懂得都懂npm install -g quicktype然后已知接口是：https://ecomm-products.modus.workers.dev ,可以通过json工具查看数据格式然后cd 进入项目目录 精髓来了，

pinia

withDefaults作用是给defineProps绑定默认值的api父组件<template> <TsSample :msg='msg' @on-updated='onUpdated' title='title' @on-delete='onDelete'/> </template>子组件<template> <h1>ts sample</h1> <p>{{ msg }}</p>

Vue3.2 setup语法糖、Composition API归纳总结起初 Vue3.0 暴露变量必须 return 出来，template中才能使用；Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 setup() 函数中，无需return，template可直接使用。一、文件结构// Vue2中，template标签中只能有一个根元素，在Vue3中没有此限制// …复制代码二、data复制代码三、method/

<template> <el-dialog v-model="dialogVisible" title="选址因子配置" width="60%" :close-on-click-modal="false" @close="$emit('close')" > {{ rightValue }} <el-transfer v-model="rightValue" :props="{ key: 'i

泛型接口 第一种interface ConfigFn { <T>(value: T): T;}var getData: ConfigFn = function <T>(value: T): T { return value; } getData<string>('张三')泛型接口 第二种interface ConfigFn<T> { (value: T): T;}function getData<T>(va